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.9.2] GUI Docker page layout error in advanced view when container repository name is very long

  • Solved

I have observed, that the layout in the "Advanced View" is not what is is supposed to be, when a container is installed, which has a very long repository name.

When this is the case, the Container-ID is not displayed below the container name and picture anymore instead it shows up on the right.

(See screenshots below.)

 

This issue was tested with Google Chrome and Microsoft Edge in Version 90.x.x.

 

 

To recreate this issue, simply run my hello-world container, which i have given a very long name. Then have a look at the Docker Page.

 

docker run --rm fabianbees/a-simple-hello-world-example-with-an-extra-ultra-super-duper-long-name-for-showing-an-unraid-ui-layout-error:latest

 

 

This is how it should look like: (Container-ID below the container name and picture)

288479214_1-InkedScreenshot2021-05-18155301_LI.thumb.jpg.1ba5a91947c7939a5cfa2bd2886308b1.jpg

 

When a container with a very long image name is present it looks as follows: (Container-ID on the right hand side of the container name and picture)

1551929024_2-InkedScreenshot2021-05-18155416_LI.thumb.jpg.1c19cb6caf765c120b6f05c517bc16ac.jpg

 

 

 

A simple fix could be to remove the display: inline; CSS from the class="advanced". This can be replicated with the Dev-Tools in the browser.

Then all is displayed normally but the long image name isn't visible any more (but thats a better solution than the current behavior).

Best solution would be to concat a long image name after a specifed width and show three dots at the end (e.g. long-name...).

120621929_4-InkedScreenshot2021-05-18155625_LI.thumb.jpg.480ab504cb3bfe168d667a8439cc261f.jpg

 

 

 

 

 

 

 

 

 

 

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.