Disable widget size scaling
I've basically designed my dashboard to look nice on 1080p screens, but as expected, it gets zoomed the hell in on any larger resolution.
How can I make it stick to the same size, even if lets say a res of 4K is used? Can this be achieved with the responsive layout breakpoints setting or would I have to create a separate dashboard for each common resolution?
13 Replies
Thank you for submitting a support request.
Depending on the volume of requests, our team should get in contact with you shortly.
⚠️ Please include the following details in your post or we may reject your request without further comment: - Log (See https://homarr.dev/docs/community/faq#how-do-i-open-the-console--log) - Operating system (Unraid, TrueNAS, Ubuntu, ...) - Exact Homarr version (eg. 0.15.0, not latest) - Configuration (eg. docker-compose, screenshot or similar. Use ``your-text`` to format) - Other relevant information (eg. your devices, your browser, ...)
Frequently Asked Questions | Homarr documentation
Can I install Homarr on a Raspberry Pi?
Both solutions you described will work. We recommend the layouts (and breakpoints): https://homarr.dev/docs/next/management/boards/#layout
This will eventually be automatically managed by default but at the moment this is manual.
Boards | Homarr documentation
Each dashboard is called a "board".
Alright, how would I best go about solving this in my case using the layouts and breakpoints? I kinda just started with a singular layout with a column count of 24 to have the most granular options - that one currently has a breakpoint of 0. Woopsie :/
I'll make a backup and start fiddling for a bit, obvsiouly any change with this baseline will brick my current layout :P
You can choose any arbitrary values as the breakpoints
I've set up 3 layouts for my setup: Phone / Tablet / Screen
You can maybe try to replicate this on your setup 🙂
As said, this will eventually be automated using an algorithm with the option to still take manual control
In my case the users are basically on mobile or varios monitor resolutions (1080p, 1440p, 1440p ultrawide, and 4K)
I'm using a separate dashboard for mobile at the moment, but wanted the PC resolutions to be handled within a single dashboard.
Then please setup at least 2 layouts (e.g. 0, >1500px)
Alright, thanks for the help.
The breakpoint is vertical pixels yeah?
It's the width
Oh well that explains things
So can the column count be seen as kind of a scaling factor and the breakpoints as horizontal resolution thresholds?
The column count can be seen as how much items you can put into a single row (if they have a width of 1) and the breakpoints as at which width it should change from the previous column count to the next one
alright seems like im understanding correctly
so that basically means, in my case i shouldnt have set up my base layout at 24 colums, as theres no more scaling options for higher resolutions
I think so yes, if you create a layout that is smaller it will move things automatically to a smaller layout, so you can use the 24 wide as your main if you want and just create smaller ones for smaller screens
Not having any luck so far, seems a bit tricky to make the same layout work for 4K and 1080p with column scaling alone :/