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.

6.12.0 Dashboard, how do I get it back to three columns?

Featured Replies

Solved by Dave001

I noticed that it works to have three columns in chrome but not in firefox -> for usage in firefox with 3 columns you could change the scrollbar to the Android Scrollbar then the window is wide enough for 3 columns on fhd - to change that you need to go to about:config and change the value of key widget.non-native-theme.scrollbar.style to 3

  • 1 month later...

The solution in this post (resetting all data in browser) did not work at all for me. I'm also hoping we can all turn 2 columns back to 3. Somehow the Features video on unraid website shows 3 to 2 to 3 columns, yet I can't make that happen. #Bummed

Edited by couzin2000

  • 4 months later...
On 1/20/2024 at 12:16 AM, couzin2000 said:

The solution in this post (resetting all data in browser) did not work at all for me. I'm also hoping we can all turn 2 columns back to 3. Somehow the Features video on unraid website shows 3 to 2 to 3 columns, yet I can't make that happen. #Bummed

After clicking the "lock" button on the top right to move/edit panes, click the wrench icon for the widget that has the server name. Click reset. It should go back to 3 columns.

  • 1 month later...

So I hate to say this but this problem still exists. 

  • 4 weeks later...

The only way I can get it to go to three columns is to use Cmd/Ctrl-minus to reduce the font size in the browser. But then the font is too small to be useful.

Edited by ChristianGeek

I wonder if this will actually get fixed? I need to be at 90% to see three columns as well regardless of resolution. Also, annoyingly, is that for whatever reason the layout keeps resetting from time to time.  This should be pretty easy to "save" the layout.

Edited by csimpson

  • Community Expert

The layout is set in browser cookies, make sure not to use something that auto-deletes them.

1 hour ago, Kilrah said:

The layout is set in browser cookies, make sure not to use something that auto-deletes them.

Too bad, they should be set in a DB or even the browser local storage. Cookies is the worst way to do it.

15 minutes ago, csimpson said:

Too bad, they should be set in a DB or even the browser local storage. Cookies is the worst way to do it.

How would you accommodate access from different machines / layouts?

 

I don't want the same layout on my huge desktop monitor that I need on my old laptop.

18 hours ago, JonathanM said:

How would you accommodate access from different machines / layouts?

 

I don't want the same layout on my huge desktop monitor that I need on my old laptop.

A bunch of ways.

#1 - would be local storage.  You can use JavaScript to create name/value pairs to store data for profile settings that do not get removed when clearing cache/cookies. This would then be device specific.
#2 - You can create a profile for different devices which are based off the browser Useragent String combined with the available width and height of the screen. There are other pieces of data that can be detected with JavaScript if you wanted. From there, you can essentially create a UUID which ties the layout to that computer accessing it.  If you have two systems that are running the same resolution AND the exact same useragent then you get the same profile/panel layout. But if you connect with an iPad or a system that's running a different resolution, it creates and saves a different panel layout for the system accessing it.  And of course, Unraid could have a small toggle which shows (Display the same layout across all devices).  If checked,  it's a simple layout store.  If unchecked, it would show the different systems that have connected based off their user agents. You could create and name different profiles. Then you'd need to deal with browser updates as that would change the useragent, but then you could implement a simple popup with Unraid which detects the minor version change and asks "Do you want to keep this layout" when the useragent changes slightly.

Those would be two ways . I like the second option myself.

  • 4 months later...

Has anyone found a fix to this?  I just want 3 columns and don't want it to keep auto scaling down to 2.

  • 1 month later...

This is so infuriating, I'd love to have some customisation on this.

I have 2 laptops, as follows:

 

Dell G7 - 1920x1080 Display:

100% display scaling, 3 columns at 100% browser scale

 

Lenovo Legion 15i Pro - 2560x1600 Display:

100% display scaling, 3 columns at 130% browser scale, (it's friggin tiny until I bring it up to 130%).

150% display scaling, 3 columns at 80% browser scale.

175% display scaling, 3 columns at 67% browser scale.

  • 2 months later...
On 6/1/2024 at 6:28 AM, Oublieux said:

After clicking the "lock" button on the top right to move/edit panes, click the wrench icon for the widget that has the server name. Click reset. It should go back to 3 columns.

That solves it!

  • 1 month later...

For users who did not have any luck with the "Reset" in the Tile Management:

 

A quick workaround, if you do not want to clear your browser's cookies, is to select "All" from the Tile Management and apply.  This will force the dashboard into displaying three columns due to the quantity of tiles being displayed.

 

I totally agree there should be more robust system tools available to manage the dashboard.

  • 10 months later...

Hello I'm on 6.12.10 long time ago and just today, it changed to two columns (maybe because I updated to a Vivaldi major version). This is the top Google result.
I have a solution, so I'll post it here.

In my case, I use Vivaldi, which has a toolbar on the left, so even though my screen is 1920px wide, the effective width is less.

The Dashboard CSS is set up as follows:

- Automatic number of columns ‘auto-fit’

- Each must be at least 620px wide ‘min 620px’

- If there is space left over, each column will take up one fraction ‘max 1fr’

image.png

The easiest option for me is to create a CSS rule for Unraid. For this, extensions such as ‘Custom CSS by Denis’ are used. I use it on certain websites where I need to change the layout to make them more user-friendly.

In this case, you simply need to create a CSS rule:

.frame div.grid {

grid-template-columns: repeat(auto-fit, minmax(620px, 1fr));

column-gap: 20px;

}

You’ll need to experiment with the “620px” value (reducing it) to suit your screen, and, if you wish, with the “column-gap” (the space between columns), which is set to “20px” by default (reduce this too)

I’m not sure if this is different in UnRAID 7.x, but it would be very easy to allow users to set their desired number of columns directly from the dashboard.

Edited by Hache

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.