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.

[GUI] unRAID 6.4.0 - Banner over stretched?

Featured Replies

Did anything change regarding banner size in 6.4.0? Shouldn't it be 1270x90?

 

My 'Dark' theme seems to be over stretched @ 1920x1080 resolution.

 

This goes for the top banner and the alignment of the drive usage and other properties in the Main page.

 

Anybody else noticed anything off about this?

Edited by ezhik

The Black / White themes automatically adjust the banner to a maximum width of 1920.  The Azure / Gray themes automatically adjust the banner width to your window width.

 

All themes automatically adjust the "main viewing area" to a maximum window with of 1920.

  • Author

Didn't have this in 6.3.5. It was nicely scaled.

  • Author

Or maybe I just never noticed...

Didn't have this in 6.3.5. It was nicely scaled.
6.3 was limited to a Max width of 1280px which in this day and age is tiny

Sent from my SM-T560NU using Tapatalk

On 1/15/2018 at 7:28 PM, ezhik said:

Or maybe I just never noticed...

It didn't do that in 6.3.5

 

On 1/15/2018 at 9:59 PM, Squid said:

6.3 was limited to a Max width of 1280px which in this day and age is tiny

So we need to re-scale our banners to a larger size?

3 minutes ago, Squid said:

Pretty much

FWIW, I thought it was perfect the way it worked before. IMHO, the folks at unRAID should at least add an option in the display settings to select "fixed", "scaled" or "stretch to fit" on banners. Anyway, do you know if there is a guideline for the ideal dimensions?

  • Author
2 hours ago, Joseph said:

FWIW, I thought it was perfect the way it worked before. IMHO, the folks at unRAID should at least add an option in the display settings to select "fixed", "scaled" or "stretch to fit" on banners. Anyway, do you know if there is a guideline for the ideal dimensions?

 

Agreed. Good to know I am not the only one.

  • 2 weeks later...
  • Author

@limetech Can we get a feature to not stretch or shrink the banner if it is over/under the size of the screen?

 

For example, for all those users that still have 1270 pixels banners, can we have an option to:

 

position: stretch, center

if centered, color to fill the sides (let users pick the color, for example I filled mine with black sides).

 

Cheers.

unRAID6.4 GUI works with a width of up to 1920px, when using custom banners you will need to create them with the maximum width your screen supports or up to 1920px.

 

  • Author

@bonienl, the annoying part is shrinking and stretching. If you have 1920px size, it gets shrinked when accessed on older macbooks that have resolution of 1280x800 for example. Doesn't look good. Same thing if the resolution is 1440p or 4K - it gets stretched.

Edited by ezhik

  • 1 year later...

Any updates to this? It's really annoying to have the image shrink and stretch. I don't understand why it would shrink or stretch at all considering no images other than solid color would look good like that. I'd rather it be fixed and just encroach in on the center of the image. That way I could put a logo or whatever in the center, fill it with blank filler around the edges that way even when it's squeezed in, the logo is still centered.

 

The current method is just unusable with any image unless you keep your window at the exact width that makes it look normal.

  • 3 years later...

I know this is a super old topic, but was all my searches found when I had this same issue.

Solution I just figured out is fairly simple.

- Install the Theme Engine plugin.

- In the settings, select Advanced view

- Set "Enable custom styling (below):" to Yes

- In text box that now appears at very bottom, add

#header.image{background-image:url(/boot/config/plugins/dynamix/banner.png?v=1652994810);background-size: 1920px 90px;background-position: left;}

just change the size values to match your image size, and position value to what you want it to be.

If all you want is the banner change, just replace all contents of that text window with the above.  If you add it to the end, it will also apply all of the custom style.

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.