Skip to content
View in the app

A better way to browse. Learn more.

Unraid

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Navigation UI reordering for quality of life

Featured Replies

The small icon bar on the navigation menu could do some work. Mainly the ordering. Currently the order is as follows: Logout, Terminal, Feedback, Info, Log, Help. Terminal being so close to logout is bit dangerous, very easy to misclick that.

 

I would suggest new order of: Terminal, Log, Info, Help, Feedback, Logout. Reasoning for this is that terminal and log are likely the most used actions here and them being first "easily available" is important. After that we go to more rarely used section of info, help and feedback. And lastly we have the logout at the end. The logout is at the end so that it is easy to find and it is separated from rest of the things because it is "destructive" action. Meaning that it will instantly log out and you lose whatever you were doing if you were to click that. So it is as far from Terminal as possible. If you were to click terminal, it means you have work to do and last thing you want is to log out.

 

I would even suggest small separators such as: Terminal, Log | Info, Help, Feedback | Logout. But the ordering is most important thing.

Screenshot_20210917_164510.png

Seconding this. I'd go as far as to say making dashboard elements able to be moved from column to column or hidden entirely as well.

  • Community Expert

Maybe it is worth pointing out that the GUI code is open source so anyone is entitled to make changes and then submit them as a pull request to see if Limetech will accept it for inclusion into the standard UnRaid release. 

  • 4 years later...

The thread is a bit old, but this may help.

Just use Custom WebUI CSS plugin, and add a CSS rule to have custom orders of these icons. The trick is that the whole toolbar is in a CSS flex box, its HTML code is this:

<div class="nav-title right">

<div class="usage-bar">...</div>

<div class="nav-item gui_search util">...</div>

...further icons (and other) child elements...

</div>

CSS flex box allows the ordering of its children inside. So the following CSS rule would place (using the above code example) the GUI search icon (class: gui_search) to the 7th place inside the CSS flex box container:

.gui_search {

order: 7;

}

Edited by DelDadam
Original post sripped tabulators

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.