CSS Help for nooblet
i only have the left pane enabled and i have created various categories to house my various apps, alongside some integrations. I'm 0 to negative proficient in CSS. I would like to have the middle pane fit all content into the screen without having to scroll down. is this possible?
36 Replies
Hi, what does "fit without having to scroll down" mean? You could hide the overflow, which would get rid of the scrollbar, but that would obstruct all apps that don't fit on your screen with no way to access them.
📄 Board customization | Homarr Docs
How to get to the customize page
like for instance this is half screen vertical. Looks good, still a bit of a scroll bar at the bottom.
This is a fully maximised browser window. Icons are huge, essentially i guess i'm looking to shrink the size of the icons, borders which in turn would then fit all my categories in the maximised window without needing to scroll down.
You should adjust https://homarr.dev/docs/customizations/board-customization#screen-sizes
📄 Board customization | Homarr Docs
How to get to the customize page
okay, that def helps
is there a way to go past 20 in the large option? can this be changed in config file?
Is 20 too small for you?
not quite small enough 🙂
i need a bit more to fit everything without scrolling
Then you can manually edit it in the config. Just note that it could prevent you from saving in the frontend in the worst case, since this isn't oficially supported
You could also submit a GitHub issue (or upvote on existing issues) to increase it in code
so i decided to drag the apps out of categories and now somehow lost a bunch of them. I see them in the config and changed the lg and md positions to empty spots, but they just don't show up
Where did you edit the file? On the server file system?
file system
Can you copy and paste the contents to https://pastebin.com ? Please remove all URLs, credentials and private data
Pastebin
Pastebin.com - #1 paste tool since 2002!
Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.
PrivateBin
Encrypted note on PrivateBin
Visit this link to see the note. Giving the URL to anyone allows them to access the note, too.
Can you name an app that disappeared so I can check?
Bazarr
any of the *arrs really 🙂
Ok, I see why they are no longer there
When did you setup Homarr? Before 0.14?
bout a week ago?
Okay... Weird.
We can manually fix your config though
Was i in the right area, changing x/y values for md and lg sections?
1. Create a backup of the file
2. Open the file using a text editor (eg. Visual Studio Code).
3. Go to the "wrappers" section
4. Add a new object to the array with the id
2c22217c-7b27-4230-bf72-d31bfcf91d55 and the position 1
5. Save file
6. Refresh pagecomplete
actually,
should it look like this?
or just replace default
Yes, correct.
ok so rinse and repeat for any other wrappers that got messed up
or, can i replace the wrapper id with "default" on the ones that are "messed up"?
No. You shouldn't delete or replace it
It's a default wrapper that should always be there
Removing it could break your dashboard. It's
id must be defaultnot remove "default"
Also not replace.
replace the wrapper id on any NON default WITH default
kay
You could replace the wrapperId on any of your apps, yes.
Doing that is fine. But it will move your apps if they haven't been there previously.
i just went through and did this
and i've got all the apps back
Nice!
Sorry that you had to go through this.
so is wrapper = category?
look i caused it 😛
thank you for helping
No. A wrapper is the space after or before a category 🙂
ah
one more q. Is there a config/way for a category to not span the entire width of the middle pane?
Just created a test category, are there any other options to add here or is this it?
No, that is sadly not possible
You should avoid modifiying this manually. Use the UI if possible.
No, that's all you can add there (at least for now).
all good