<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>user interface Archives - MIDAS - Room Booking System | Blog</title>
	<atom:link href="https://mid.as/blog/tag/user-interface/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>...Making your facilities work for you!</description>
	<lastBuildDate>Tue, 03 Mar 2026 12:44:31 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>User Interface Improvements in MIDAS v4.42</title>
		<link>https://mid.as/blog/user-interface-improvements-in-v4-42/</link>
		
		<dc:creator><![CDATA[midas]]></dc:creator>
		<pubDate>Mon, 02 Mar 2026 09:08:21 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[user interface]]></category>
		<category><![CDATA[v4.42]]></category>
		<guid isPermaLink="false">https://mid.as/blog/?p=5970</guid>

					<description><![CDATA[<p>MIDAS v4.42 introduces a range of user interface (UI) and user experience (UX) improvements designed to make our booking software even faster, clearer, and easier to use. In this post, we&#8217;ll highlight some of the UI and UX improvements introduced in MIDAS v4.42. If you follow our blog, you&#8217;ll already know about some of the [&#8230;]</p>
<p>The post <a href="https://mid.as/blog/user-interface-improvements-in-v4-42/">User Interface Improvements in MIDAS v4.42</a> appeared first on <a href="https://mid.as/blog">MIDAS - Room Booking System | Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>MIDAS v4.42 introduces a range of user interface (UI) and user experience (UX) improvements designed to make our booking software even faster, clearer, and easier to use. In this post, we&#8217;ll highlight some of the UI and UX improvements introduced in MIDAS v4.42.</p>



<p>If you <a href="https://mid.as/blog/tag/v4-42">follow our blog</a>, you&#8217;ll already know about some of the new and improved features in v4.42. One example is the <a href="https://mid.as/blog/expanded-administrative-permissions-in-midas/">expansion of administrative permissions</a>.</p>



<h2 class="wp-block-heading">Administrative Area Improvements</h2>



<p>The old &#8220;Manage MIDAS&#8221; screen has been split into separate sections, each now controlled by its own dedicated permission and accompanied by a unique icon.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><a href="https://mid.as/blog/wp-content/uploads/2026/03/new-midas-admin-options-scaled.png"><img fetchpriority="high" decoding="async" width="1024" height="535" src="https://mid.as/blog/wp-content/uploads/2026/03/new-midas-admin-options-1024x535.png" alt="Redesigned administrative area icons in MIDAS v4.42" class="wp-image-6136" srcset="https://mid.as/blog/wp-content/uploads/2026/03/new-midas-admin-options-1024x535.png 1024w, https://mid.as/blog/wp-content/uploads/2026/03/new-midas-admin-options-300x157.png 300w, https://mid.as/blog/wp-content/uploads/2026/03/new-midas-admin-options-768x401.png 768w, https://mid.as/blog/wp-content/uploads/2026/03/new-midas-admin-options-1536x802.png 1536w, https://mid.as/blog/wp-content/uploads/2026/03/new-midas-admin-options-2048x1070.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption class="wp-element-caption">Redesigned administrative area icons in MIDAS v4.42</figcaption></figure>
</div>


<p>Changes have also been made within each administrative area. We&#8217;ve moved the previous &#8220;Save Changes&#8221; button from underneath the settings to being fixed in the top-right corner. This eliminates the need to scroll through lengthy settings pages to save changes.</p>



<p>We&#8217;ve also refined the way changes are saved within administrative screens.</p>



<h2 class="wp-block-heading">Improved Save and Change Indicators</h2>



<p>The addition of a new &#8220;Unsaved Changes&#8221; indicator alongside the new save button draws user&#8217;s attention to changes they&#8217;ve made to settings which have yet to be saved.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="463" src="https://mid.as/blog/wp-content/uploads/2026/03/unsaved-changes-1024x463.png" alt="Unsaved Changes indicator in MIDAS administrative settings" class="wp-image-6137" srcset="https://mid.as/blog/wp-content/uploads/2026/03/unsaved-changes-1024x463.png 1024w, https://mid.as/blog/wp-content/uploads/2026/03/unsaved-changes-300x136.png 300w, https://mid.as/blog/wp-content/uploads/2026/03/unsaved-changes-768x347.png 768w, https://mid.as/blog/wp-content/uploads/2026/03/unsaved-changes-1536x694.png 1536w, https://mid.as/blog/wp-content/uploads/2026/03/unsaved-changes.png 1678w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Unsaved Changes indicator in MIDAS administrative settings</figcaption></figure>
</div>


<p>In addition to the UI and UX improvements in the administrative area, we&#8217;ve also improved the &#8220;Quick Tour&#8221; in MIDAS v4.42.</p>



<h2 class="wp-block-heading">Enhanced Quick Tour Experience</h2>



<p>The &#8220;Quick Tour&#8221; is shown to new users by default upon their initial sign in. It provides a brief overview of the user interface and controls.</p>



<p>We have replaced outdated third-party code previously used to generate dynamic tooltips. In its place we&#8217;ve written new code for generating these tooltips. This has allowed us to make improvements, one of which is better highlighting of elements in the &#8220;Quick Tour&#8221;.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1004" height="688" src="https://mid.as/blog/wp-content/uploads/2026/03/quick-tour-user-control-panel.png" alt="Quick Tour: User Control Panel" class="wp-image-6138" srcset="https://mid.as/blog/wp-content/uploads/2026/03/quick-tour-user-control-panel.png 1004w, https://mid.as/blog/wp-content/uploads/2026/03/quick-tour-user-control-panel-300x206.png 300w, https://mid.as/blog/wp-content/uploads/2026/03/quick-tour-user-control-panel-768x526.png 768w" sizes="(max-width: 1004px) 100vw, 1004px" /><figcaption class="wp-element-caption">Quick Tour: User Control Panel</figcaption></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="812" height="432" src="https://mid.as/blog/wp-content/uploads/2026/03/quick-tour-booking-requests.png" alt="Quick Tour: Pending Booking Requests" class="wp-image-6139" srcset="https://mid.as/blog/wp-content/uploads/2026/03/quick-tour-booking-requests.png 812w, https://mid.as/blog/wp-content/uploads/2026/03/quick-tour-booking-requests-300x160.png 300w, https://mid.as/blog/wp-content/uploads/2026/03/quick-tour-booking-requests-768x409.png 768w" sizes="auto, (max-width: 812px) 100vw, 812px" /><figcaption class="wp-element-caption">Quick Tour: Pending Booking Requests</figcaption></figure>
</div></div>
</div>



<p>These updates reflect our ongoing commitment to making MIDAS both powerful and easy to use. By continually refining the interface and enhancing usability, we help administrators and end users work more efficiently every day.</p>



<p>If you&#8217;re new to MIDAS, <a href="https://mid.as/free-trial">start your free trial today</a> and experience the improvements firsthand.</p>
<p>The post <a href="https://mid.as/blog/user-interface-improvements-in-v4-42/">User Interface Improvements in MIDAS v4.42</a> appeared first on <a href="https://mid.as/blog">MIDAS - Room Booking System | Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>User Interface improvements in v4.41</title>
		<link>https://mid.as/blog/user-interface-improvements-in-v4-41/</link>
		
		<dc:creator><![CDATA[midas]]></dc:creator>
		<pubDate>Mon, 15 Dec 2025 08:03:01 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[user interface]]></category>
		<category><![CDATA[v4.41]]></category>
		<guid isPermaLink="false">https://mid.as/blog/?p=5855</guid>

					<description><![CDATA[<p>Whilst we love adding new and improved features in every software update, we also know that user interface (UI) and user experience (UX) are important too! We&#8217;ve made a number of UI/UX improvements for our latest update. Some of these will be immediately noticeable, others are more subtle. In this post, we&#8217;ll highlight some of [&#8230;]</p>
<p>The post <a href="https://mid.as/blog/user-interface-improvements-in-v4-41/">User Interface improvements in v4.41</a> appeared first on <a href="https://mid.as/blog">MIDAS - Room Booking System | Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Whilst we love adding new and improved features <a href="https://mid.as/kb/00162/how-frequently-are-updates-for-midas-released">in every software update</a>, we also know that user interface (UI) and user experience (UX) are important too!</p>



<p>We&#8217;ve made a number of UI/UX improvements for our latest update. Some of these will be immediately noticeable, others are more subtle.</p>



<p>In this post, we&#8217;ll highlight some of the UI and UX improvements in MIDAS v4.41.</p>



<h2 class="wp-block-heading">A more concise user bar</h2>



<p>If you&#8217;ve been using MIDAS for a while, you&#8217;ll be familiar with the &#8220;user bar&#8221; which is shown directly under the main date heading:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1100" height="132" src="https://mid.as/blog/wp-content/uploads/2025/12/previous-user-bar.png" alt="The &quot;user bar&quot; in previous versions of MIDAS" class="wp-image-5889" srcset="https://mid.as/blog/wp-content/uploads/2025/12/previous-user-bar.png 1100w, https://mid.as/blog/wp-content/uploads/2025/12/previous-user-bar-300x36.png 300w, https://mid.as/blog/wp-content/uploads/2025/12/previous-user-bar-1024x123.png 1024w, https://mid.as/blog/wp-content/uploads/2025/12/previous-user-bar-768x92.png 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /><figcaption class="wp-element-caption">The previous &#8220;user bar&#8221; in earlier versions of MIDAS</figcaption></figure>
</div>


<p>The &#8220;user bar&#8221; indicated who was signed in, and provided options to sign out, change your password, access help, or make MIDAS go fullscreen. You could also click your name to show a list of all the devices you were currently signed in from.</p>



<p>We&#8217;ve decluttered this area for v4.41. Now, just your name will be shown under the main date. You can select your name and a new drop-down list will appear:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1208" height="578" src="https://mid.as/blog/wp-content/uploads/2025/12/your-details.png" alt="New User Drop-Down in MIDAS v4.41" class="wp-image-5859" srcset="https://mid.as/blog/wp-content/uploads/2025/12/your-details.png 1208w, https://mid.as/blog/wp-content/uploads/2025/12/your-details-300x144.png 300w, https://mid.as/blog/wp-content/uploads/2025/12/your-details-1024x490.png 1024w, https://mid.as/blog/wp-content/uploads/2025/12/your-details-768x367.png 768w" sizes="auto, (max-width: 1208px) 100vw, 1208px" /><figcaption class="wp-element-caption">New User Drop-Down in MIDAS v4.41</figcaption></figure>
</div>


<p>This new drop-down contains the following options:</p>



<ul class="wp-block-list">
<li><strong>Your Current Sessions</strong> &#8211; view details of all the devices you&#8217;re currently signed into MIDAS from, and remotely sign out any you&#8217;re not actively using.</li>



<li><strong>Your Details</strong> &#8211; as v4.41 introduces new permissions <a href="https://mid.as/blog/allow-users-to-change-their-name-or-email/">allowing users to change their name or email</a>, the previous &#8220;Change Password&#8221; link has now become a &#8220;Your Details&#8221; option in the new drop-down. Depending on the permissions assigned to your account, this option will allow you to change your display name, password, or the email address you use to access MIDAS.</li>



<li><strong>Full Screen</strong> &#8211; quickly enter or exit full screen mode.</li>



<li><strong>Help</strong> &#8211; open the help documentation.</li>



<li><strong>Sign out of MIDAS</strong> &#8211; instantly sign out at any time.</li>
</ul>



<h2 class="wp-block-heading">New icons</h2>



<p>You may have spotted some new icons alongside the options in that new user drop-down above.</p>



<p>Well, this isn&#8217;t the only place you&#8217;ll see some new icons in MIDAS v4.41. We&#8217;ve also created a new set of icons for the options on the main administration creen:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="2436" height="882" src="https://mid.as/blog/wp-content/uploads/2025/12/midas-admin-options-icons.png" alt="New icons on the MIDAS Admin Options screen" class="wp-image-5890" srcset="https://mid.as/blog/wp-content/uploads/2025/12/midas-admin-options-icons.png 2436w, https://mid.as/blog/wp-content/uploads/2025/12/midas-admin-options-icons-300x109.png 300w, https://mid.as/blog/wp-content/uploads/2025/12/midas-admin-options-icons-1024x371.png 1024w, https://mid.as/blog/wp-content/uploads/2025/12/midas-admin-options-icons-768x278.png 768w, https://mid.as/blog/wp-content/uploads/2025/12/midas-admin-options-icons-1536x556.png 1536w, https://mid.as/blog/wp-content/uploads/2025/12/midas-admin-options-icons-2048x742.png 2048w" sizes="auto, (max-width: 2436px) 100vw, 2436px" /><figcaption class="wp-element-caption">New icons on the MIDAS Admin Options screen</figcaption></figure>
</div>


<p>Previously all the options on this screen used the &#8220;cog&#8221; icon used for the &#8220;Manage MIDAS&#8221; option. We felt it was about time for a refresh, and that each of the options on this screen deserved their own unique icons.</p>



<h2 class="wp-block-heading">Improved graphs with tooltips</h2>



<p>In case you <a href="https://mid.as/blog/improvements-to-graphs-in-reports/">missed our post a few days ago</a>, for v4.41 we&#8217;ve rewritten the graphics code that MIDAS uses to generate graphs on the statistics (reporting) screen.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="2504" height="1038" src="https://mid.as/blog/wp-content/uploads/2025/12/graph-tooltips.png" alt="Graphs now have tooltips" class="wp-image-5880" srcset="https://mid.as/blog/wp-content/uploads/2025/12/graph-tooltips.png 2504w, https://mid.as/blog/wp-content/uploads/2025/12/graph-tooltips-300x124.png 300w, https://mid.as/blog/wp-content/uploads/2025/12/graph-tooltips-1024x424.png 1024w, https://mid.as/blog/wp-content/uploads/2025/12/graph-tooltips-768x318.png 768w, https://mid.as/blog/wp-content/uploads/2025/12/graph-tooltips-1536x637.png 1536w, https://mid.as/blog/wp-content/uploads/2025/12/graph-tooltips-2048x849.png 2048w" sizes="auto, (max-width: 2504px) 100vw, 2504px" /><figcaption class="wp-element-caption">Graphs now have tooltips</figcaption></figure>
</div>


<p>Bar graphs and pie charts now show tooltips when you move your cursor over each segment. Furthermore, we&#8217;ve also adjusted how dates are shown along the bottom axis in bar charts to prevent overcrowding.</p>



<h2 class="wp-block-heading">Info, Tips, Warnings, and More!</h2>



<p>The help documentation has also had a bit of makeover for v4.41. Not only have we improved its accessibility, we&#8217;ve also made some visual changes.</p>



<p>Throughout the documentation you&#8217;ll see coloured boxes with either additional information, helpful tips, warnings, or links to more resources.</p>



<p>Here&#8217;s how these looked in the documentation before v4.41:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1450" height="400" src="https://mid.as/blog/wp-content/uploads/2025/12/info-boxes-old.png" alt="Info Boxes pre-v4.41" class="wp-image-5894" srcset="https://mid.as/blog/wp-content/uploads/2025/12/info-boxes-old.png 1450w, https://mid.as/blog/wp-content/uploads/2025/12/info-boxes-old-300x83.png 300w, https://mid.as/blog/wp-content/uploads/2025/12/info-boxes-old-1024x282.png 1024w, https://mid.as/blog/wp-content/uploads/2025/12/info-boxes-old-768x212.png 768w" sizes="auto, (max-width: 1450px) 100vw, 1450px" /></figure>
</div>


<p>&#8230;and here how these look now:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1450" height="560" src="https://mid.as/blog/wp-content/uploads/2025/12/info-boxes-new.png" alt="New Info Boxes in MIDAS v4.41" class="wp-image-5895" srcset="https://mid.as/blog/wp-content/uploads/2025/12/info-boxes-new.png 1450w, https://mid.as/blog/wp-content/uploads/2025/12/info-boxes-new-300x116.png 300w, https://mid.as/blog/wp-content/uploads/2025/12/info-boxes-new-1024x395.png 1024w, https://mid.as/blog/wp-content/uploads/2025/12/info-boxes-new-768x297.png 768w" sizes="auto, (max-width: 1450px) 100vw, 1450px" /></figure>
</div>


<h2 class="wp-block-heading">It doesn&#8217;t end there!</h2>



<p>Whilst these might be the main UI/UX improvements we&#8217;ve made for v4.41, we&#8217;ve also made numerous other small improvements to the user interface and user experience in our latest update &#8211; too many to list here!</p>



<p>So whilst we&#8217;ll continue to add exciting new features and functionality with every new release, we&#8217;ll also be working to continually improve your user experience too!</p>
<p>The post <a href="https://mid.as/blog/user-interface-improvements-in-v4-41/">User Interface improvements in v4.41</a> appeared first on <a href="https://mid.as/blog">MIDAS - Room Booking System | Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>From Blue To Cool: We&#8217;ve given the MIDAS UI a makeover</title>
		<link>https://mid.as/blog/from-blue-to-cool-weve-given-the-midas-ui-a-makeover/</link>
		
		<dc:creator><![CDATA[midas]]></dc:creator>
		<pubDate>Wed, 17 Apr 2024 12:34:20 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[gui]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[user interface]]></category>
		<category><![CDATA[v4.36]]></category>
		<guid isPermaLink="false">https://mid.as/blog/?p=5024</guid>

					<description><![CDATA[<p>For v4.36 of our booking software, we&#8217;ve made a whole host of updates and improvements to the user interface (UI) and the included visual themes. For many years now, MIDAS has come bundled with a number of visual theme packs. Administrators can select one of these themes to change the appearance of their MIDAS system. [&#8230;]</p>
<p>The post <a href="https://mid.as/blog/from-blue-to-cool-weve-given-the-midas-ui-a-makeover/">From Blue To Cool: We&#8217;ve given the MIDAS UI a makeover</a> appeared first on <a href="https://mid.as/blog">MIDAS - Room Booking System | Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>For v4.36 of our booking software, we&#8217;ve made a whole host of updates and improvements to the user interface (UI) and the included visual themes.</p>



<p>For many years now, <a href="https://mid.as/blog/theme-improvements/">MIDAS has come bundled with a number of visual theme packs</a>.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" src="https://cdn.midas.network/img/screens/themes.png" alt="A range of visual themes for the MIDAS interface are included"/><figcaption class="wp-element-caption">A range of visual themes for the MIDAS interface are included</figcaption></figure>
</div>


<p>Administrators can select one of these themes to change the appearance of their MIDAS system. Additionally, administrators may optionally allow users to select their preferred theme upon login.</p>



<p>One of the included themes is the imaginatively titled &#8220;Default&#8221; theme. Unsurprisingly, it&#8217;s the visual theme that each MIDAS system uses initially by default.</p>



<p>As the &#8220;Default&#8221; theme is exactly that, many system administrators simply leave their MIDAS software set to use this theme.</p>



<p>In fact, from a random sample of our cloud-hosted customers, 72% of MIDAS systems are currently set to use the &#8220;Default&#8221; theme.</p>



<h2 class="wp-block-heading">It&#8217;s black and white!</h2>



<p>Interestingly though, the next most popular theme in our random sample of customer&#8217;s MIDAS systems is the  &#8220;HiContrast&#8221; theme. Nearly 13% of our customers currently have this set as their default theme.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" src="https://mid.as/blog/wp-content/uploads/2018/10/HiContrast.png" alt="Hi Contrast theme for MIDAS "/><figcaption class="wp-element-caption">Hi Contrast theme for MIDAS</figcaption></figure>
</div>


<p>Now the primary goal when we designed the &#8220;HiContrast&#8221; theme was accessibility. In other words, we wanted to better cater to users who may have visual impairments.</p>



<p>The &#8220;HiContrast&#8221; theme is less colorful than our other themes. It primarily utilizes a simple &#8220;black on white&#8221; concept throughout, ensuring maximum contrast on screen.</p>



<p>Whilst a surprising number of our customers choose this theme, we don&#8217;t believe the vast majority opt for this particular theme primarily because of accessibility needs.</p>



<h2 class="wp-block-heading">It&#8217;s all too Blue-tiful(!)</h2>



<p>Rather, we believe that many who opt for the &#8220;HiContrast&#8221; theme do so because they feel that the &#8220;Default&#8221; theme is a bit &#8220;too blue&#8221; for their liking.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" src="https://mid.as/blog/wp-content/uploads/2018/10/Default.png" alt="The previous Default theme for MIDAS "/><figcaption class="wp-element-caption">The previous Default theme for MIDAS</figcaption></figure>
</div>


<p>We get it! That&#8217;s one of the reasons why over the years, we&#8217;ve introduced additional visual themes where blue isn&#8217;t the main color.</p>



<p>We also allow self-hosted customers to <a href="https://mid.as/kb/00010/customize-appearance-of-midas-system">create their own custom bespoke themes</a> for our software too!</p>



<p>But going forward, we wanted to see if we develop a new default theme that was &#8220;less blue&#8221; than the existing default theme, while also at the same time being less &#8220;bland&#8221; than the basic black and white &#8220;HiContrast&#8221; theme.</p>



<h2 class="wp-block-heading">Introducing the new default theme&#8230;</h2>



<p>The most significant UI update for MIDAS v4.36 comes with a brand new &#8220;Default&#8221; visual theme:</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><a href="https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view.png"><img loading="lazy" decoding="async" width="1024" height="550" src="https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view-1024x550.png" alt="The Booking Grid under the new default visual theme for MIDAS" class="wp-image-5033" srcset="https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view-1024x550.png 1024w, https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view-300x161.png 300w, https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view-768x413.png 768w, https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view-1536x826.png 1536w, https://mid.as/blog/wp-content/uploads/2024/04/midas-single-day-view.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a><figcaption class="wp-element-caption">The Booking Grid under the new default visual theme</figcaption></figure>
</div>


<p>If you prefer the previous default theme, don&#8217;t worry &#8211; it&#8217;s still available, but is now called &#8220;MIDAS (Blue)&#8221;.</p>



<p>We&#8217;ve also made a number of other improvements to the user interface, as well as minor tweaks to other included themes. Some text and headings are now larger than before, dialogs are clearer, there&#8217;s increased spacing between certain elements, and some interactive buttons are now larger and more prominent.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1338" height="645" src="https://mid.as/blog/wp-content/uploads/2024/04/new-default-theme-montage.png" alt="The new default theme for MIDAS" class="wp-image-5038" srcset="https://mid.as/blog/wp-content/uploads/2024/04/new-default-theme-montage.png 1338w, https://mid.as/blog/wp-content/uploads/2024/04/new-default-theme-montage-300x145.png 300w, https://mid.as/blog/wp-content/uploads/2024/04/new-default-theme-montage-1024x494.png 1024w, https://mid.as/blog/wp-content/uploads/2024/04/new-default-theme-montage-768x370.png 768w" sizes="auto, (max-width: 1338px) 100vw, 1338px" /><figcaption class="wp-element-caption">The new default theme for MIDAS</figcaption></figure>
</div>


<p>You can try the brand new &#8220;Default&#8221; theme, or any other included theme, right now by heading over to our <a href="https://demo.mid.as">online demo</a>.</p>
<p>The post <a href="https://mid.as/blog/from-blue-to-cool-weve-given-the-midas-ui-a-makeover/">From Blue To Cool: We&#8217;ve given the MIDAS UI a makeover</a> appeared first on <a href="https://mid.as/blog">MIDAS - Room Booking System | Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>User Interface Improvements</title>
		<link>https://mid.as/blog/user-interface-improvements/</link>
					<comments>https://mid.as/blog/user-interface-improvements/#respond</comments>
		
		<dc:creator><![CDATA[midas]]></dc:creator>
		<pubDate>Mon, 01 Jun 2020 11:00:23 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[user interface]]></category>
		<category><![CDATA[v4.25]]></category>
		<guid isPermaLink="false">https://mid.as/blog/?p=2992</guid>

					<description><![CDATA[<p>For v4.25, we&#8217;ve made a number of small but significant improvements to the user interface. These include.. New Default Font Since MIDAS v4.20, the default font used in our software was &#8220;Geneva&#8221; on MacOS systems and &#8220;Tahoma&#8221; on Windows systems. Different platforms have different default fonts available, and we wanted MIDAS to look as similar [&#8230;]</p>
<p>The post <a href="https://mid.as/blog/user-interface-improvements/">User Interface Improvements</a> appeared first on <a href="https://mid.as/blog">MIDAS - Room Booking System | Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>For v4.25, we&#8217;ve made a number of small but significant improvements to the user interface. These include..</p>



<h2 class="wp-block-heading">New Default Font</h2>



<p>Since MIDAS v4.20, the default font used in our software was &#8220;<a href="https://en.wikipedia.org/wiki/Geneva_(typeface)">Geneva</a>&#8221; on MacOS systems and &#8220;<a href="https://en.wikipedia.org/wiki/Tahoma_(typeface)">Tahoma</a>&#8221; on Windows systems. Different platforms have different default fonts available, and we wanted MIDAS to look as similar as possible regardless of the OS being used. &#8220;Geneva&#8221; and &#8220;Tahoma&#8221; are quite similar in appearance, which is why we originally chose them.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="468" height="553" src="https://mid.as/blog/wp-content/uploads/2020/05/geneva.png" alt="Geneva Font" class="wp-image-3000" srcset="https://mid.as/blog/wp-content/uploads/2020/05/geneva.png 468w, https://mid.as/blog/wp-content/uploads/2020/05/geneva-254x300.png 254w" sizes="auto, (max-width: 468px) 100vw, 468px" /><figcaption>&#8220;Geneva&#8221; Font</figcaption></figure></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="468" height="553" src="https://mid.as/blog/wp-content/uploads/2020/05/tahoma.png" alt="Tahoma Font" class="wp-image-3001" srcset="https://mid.as/blog/wp-content/uploads/2020/05/tahoma.png 468w, https://mid.as/blog/wp-content/uploads/2020/05/tahoma-254x300.png 254w" sizes="auto, (max-width: 468px) 100vw, 468px" /><figcaption>&#8220;Tahoma&#8221; Font</figcaption></figure></div>
</div>
</div>



<p>For other systems where neither of these fonts were available, MIDAS would fall back to the closest sans-serif font available.</p>



<p>However, from v4.25, the default font across all operating systems is instead now &#8220;<a href="https://en.wikipedia.org/wiki/Open_Sans">Open Sans</a>&#8220;:</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="468" height="553" src="https://mid.as/blog/wp-content/uploads/2020/05/open-sans.png" alt="Open Sans Font" class="wp-image-3002" srcset="https://mid.as/blog/wp-content/uploads/2020/05/open-sans.png 468w, https://mid.as/blog/wp-content/uploads/2020/05/open-sans-254x300.png 254w" sizes="auto, (max-width: 468px) 100vw, 468px" /><figcaption>&#8220;Open Sans&#8221; Font</figcaption></figure></div>



<p>This font comes included with MIDAS, meaning that our software should now look identical on every operating system!</p>



<h2 class="wp-block-heading">Larger Font Size</h2>



<p>Following customer feedback, we&#8217;ve also increased the font size in many areas of the software. </p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="620" height="390" src="https://mid.as/blog/wp-content/uploads/2020/05/v424-login.png" alt="MIDAS v4.24 Login Screen" class="wp-image-3003" srcset="https://mid.as/blog/wp-content/uploads/2020/05/v424-login.png 620w, https://mid.as/blog/wp-content/uploads/2020/05/v424-login-300x189.png 300w" sizes="auto, (max-width: 620px) 100vw, 620px" /><figcaption>Previous Font Size in MIDAS v4.24</figcaption></figure></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="620" height="440" src="https://mid.as/blog/wp-content/uploads/2020/05/v425-login.png" alt="MIDAS v4.25 Login Screen with increased font size" class="wp-image-3004" srcset="https://mid.as/blog/wp-content/uploads/2020/05/v425-login.png 620w, https://mid.as/blog/wp-content/uploads/2020/05/v425-login-300x213.png 300w" sizes="auto, (max-width: 620px) 100vw, 620px" /><figcaption>Increased Font Size in MIDAS v4.25</figcaption></figure></div>
</div>
</div>



<h2 class="wp-block-heading">New Drop-Down Lists, Checkboxes and Radio Buttons</h2>



<p>You may also note from the previous screenshot a couple of other changes. We&#8217;ve fully styled and themed drop-down (select) lists, check (tick) boxes and radio buttons in MIDAS v4.25. Previously, these input elements would be styled by the user&#8217;s own browser/operating system. This led to MIDAS looking slightly different for users on different browsers and operating systems.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="360" height="100" src="https://mid.as/blog/wp-content/uploads/2020/05/v424-check-radio.png" alt="System default styled Check (Tick) Boxes and Radio Buttons in v4.24" class="wp-image-3005" srcset="https://mid.as/blog/wp-content/uploads/2020/05/v424-check-radio.png 360w, https://mid.as/blog/wp-content/uploads/2020/05/v424-check-radio-300x83.png 300w" sizes="auto, (max-width: 360px) 100vw, 360px" /><figcaption>System default styled Check (Tick) Boxes and Radio Buttons in v4.24</figcaption></figure></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="465" height="140" src="https://mid.as/blog/wp-content/uploads/2020/05/v425-check-radio.png" alt="Styled Check (Tick) Boxes and Radio Buttons in v4.25" class="wp-image-3006" srcset="https://mid.as/blog/wp-content/uploads/2020/05/v425-check-radio.png 465w, https://mid.as/blog/wp-content/uploads/2020/05/v425-check-radio-300x90.png 300w" sizes="auto, (max-width: 465px) 100vw, 465px" /><figcaption>Styled Check (Tick) Boxes and Radio Buttons in v4.25</figcaption></figure></div>



<p></p>
</div>
</div>



<p>The new styled inputs for v4.25 look consistent across <a href="https://mid.as/browsers">supported browsers</a> and operating system. Coupled with the increased font size, these new-style inputs are now even easier to select/toggle than before.</p>



<h2 class="wp-block-heading">Default Template Improvements</h2>



<p>We&#8217;ve updated a couple of the default <a href="https://mid.as/help/manage-templates">templates</a> for v4.25. The &#8220;Public Booking Requests&#8221; and &#8220;Public Web Request&#8221; templates have been updated.</p>



<p>Previously, these template defaults made use of an HTML &#8220;table&#8221; for laying out the header. This worked fine on regular screens, but on smaller mobile devices, it could result in the header being truncated:</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="400" height="200" src="https://mid.as/blog/wp-content/uploads/2020/05/v424-table-layout.png" alt="Public Booking Request Default Template in v4.24, using a 'Table' Layout" class="wp-image-3007" srcset="https://mid.as/blog/wp-content/uploads/2020/05/v424-table-layout.png 400w, https://mid.as/blog/wp-content/uploads/2020/05/v424-table-layout-300x150.png 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /><figcaption>Public Booking Request Default Template in v4.24 on a mobile device, using a &#8220;Table&#8221; Layout.<br>Note how the &#8220;DEMO&#8221; logo has been truncated</figcaption></figure></div>



<p>So to improve their appearance on smaller screens, for v4.25, we&#8217;ve dropped the use of tables in favor of a &#8220;flex&#8221; layout instead. Here&#8217;s the same screen as before, but using a &#8220;flex&#8221; layout instead. Now on smaller screens, the header components will &#8220;wrap&#8221; where necessary:</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="400" height="320" src="https://mid.as/blog/wp-content/uploads/2020/05/v425-flex-layout.png" alt="Public Booking Request Default Template in v4.25, using a 'Flex' Layout" class="wp-image-3008" srcset="https://mid.as/blog/wp-content/uploads/2020/05/v425-flex-layout.png 400w, https://mid.as/blog/wp-content/uploads/2020/05/v425-flex-layout-300x240.png 300w" sizes="auto, (max-width: 400px) 100vw, 400px" /><figcaption>Public Booking Request Default Template in v4.25 on a mobile device, using a &#8220;Flex&#8221; Layout.<br>Note how the header components automatically &#8220;wrap&#8221; on very small screens</figcaption></figure></div>



<p>We would ideally like to migrate all the default templates (email, invoice, etc) within MIDAS over to a &#8220;flex&#8221; layout model. However, older email clients don&#8217;t fully support &#8220;flex&#8221; rendering in this way. This would mean that an invoice emailed to a customer may not display correctly in their email client. We do however plan to one day update all default templates to the &#8220;flex&#8221; layout model. In the meantime, as templates within MIDAS are editable, user may choose to do this themselves!</p>



<p>These improved templates apply to new installations of our software. They won&#8217;t be retrospectively applied to existing MIDAS systems. However, existing customers can reset their templates to these new templates via MIDAS Admin Options → Manage MIDAS → Templates → Reset Template.</p>



<hr class="wp-block-separator"/>



<p>These are just a few of the new and improved features for v4.25. Keep following our blog as we unveil more on v4.25 in our next posts.</p>



<p class="has-text-align-center"><a href="https://www.reddit.com/r/mid_as/comments/gupnjf/coming_soon_in_midas_v425/"><img loading="lazy" decoding="async" width="32" height="32" class="wp-image-3037" style="width: 32px;vertical-align:middle;margin-right:10px" src="https://mid.as/blog/wp-content/uploads/2020/06/reddit_32.png" alt="Reddit"> You can also ask questions and discuss the new features of v4.25 over on Reddit.</a></p>
<p>The post <a href="https://mid.as/blog/user-interface-improvements/">User Interface Improvements</a> appeared first on <a href="https://mid.as/blog">MIDAS - Room Booking System | Blog</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mid.as/blog/user-interface-improvements/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Page Caching using Disk: Enhanced 
Lazy Loading (feed)
Database Caching 2/39 queries in 0.010 seconds using Disk

Served from: mid.as @ 2026-03-26 04:34:40 by W3 Total Cache
-->