Problem with spacing and categories

[Itay1787]

Environment

Docker

Version

0.13.4

Describe the problem

Hi, after I added categories I noticed that there was a problem with the space between them
I will add pictures to show it.
But when I add I notice that the first category will be fine but suddenly there will be a vast space underneath and no matter what I do it doesn't fix itself - it only happens in edit mode.
When I exit edit mode the gap gets smaller but is still not equal between the other categories
And the buttons for changing the location don't do anything either

In addition, if I'm already talking about the categories, I would love to be able to reduce them to a smaller size and change their location like the apps and widgets

Logs

Visual problem

Context

when I exit edit mode

In edit mode first and second categories

In edit mode second and third categories

Please tick the boxes

• I confirm that I attached the proper logs
• I've read the docs
• I've checked for duplicate issues
• I've tried to debug myself

[ajnart]

This is not a bug, it is made to allow you to slide-in apps between categories. But maybe we should add that to the documentation or change it. @manuel-rw would it be possible to make the apps "move" the categories down or we have to use this method of adding space ?

Closing this issue as complete since it's not a bug.

[Itay1787]

This is not a bug, it is made to allow you to slide-in apps between categories.

Ok, I understand that. but in the first picture (after I exit edit mode) notice that the space does not match between the other categories the space is not equal between them even though there is nothing different between them

[manuel-rw]

This is definitely a bug. We have this since we added the categories. @ajnart

[ajnart]

This is definitely a bug. We have this since we added the categories. @ajnart

Oh yeah I think I saw the picture wrong, sorry

[ajnart]

Can you try and tell us if this issue still happens as of the latest image ? v0.14.0 ?

[autumnwalker]

Can you try and tell us if this issue still happens as of the latest image ? v0.14.0 ?

I am seeing this on a fresh install (Docker) using 0.14.0.

[aligidpro]

We're encountering the same issue on a fresh installation of version 0.14.2.

The size of the spacing appears to be random, in edit mode this is visually a lot more visible. Is it possible to implement a drag-and-drop feature for organizing categories, similar to how apps can be manually arranged? This could help address the problem.

[manuel-rw]

No, there will not be a drag an drop feature for categories.
The inconsistent spacing is due to an invalid config. It will most likely be permanently solved with the upcoming database update.
You can manually fix the JSON but we generally don't recommend this as it can mess up your board.

The gaps are more visible in edit mode, because we make them bigger there. We do this so you can drag and drop apps or widgets into the spaces between categories.

To investigate this issue, we'd need the following information:

• Your current configuration
• A detailed list of the steps that you took to create the current board (when did you app categorises, how did you do it? How did you add apps?)

It's unlikely that we'll invest much time into this, as there are tons of possible origins where this error could come from.
It's hard to pinpoint.

[Barina]

Same issue here using Homarr 0.15.2.
I also encountered another issue maybe related to bad config.
I tried pulling every thing out of a category I made the other day to make it empty and then I deleted it only to see every thing that was part of that category disappear too.
I believe they're still there, after recreating everything again I noticed this:

Plex and Jellyfin were two amongst other that got disappear. when I recreated them and that widget, they show up twice.

[tharealmb87]

Same issue. Couldn't reorder some, but others i could.
I've been creating my first board, but noticed i could reorder my first two categories, but my bottom one i can't move up. Any new categories are added between the second and fourth and can't move either.

Looking at the HTML i noticed some empty items. Maybe those are the cause. How i made them no idea. I did add and remove categories a few times so maybe it's the way of removing them.

I can't remove them because they don't show up in the editor.

When i look at inspector i see the following line 5 times:
<div class="grid-stack grid-stack-wrapper min-row gridstack-empty-wrapper grid-stack-instance-172 grid-stack-static" style="transition-duration: 0s; min-height: 188.583px;" data-wrapper="468b387f-5055-4c64-b835-e4fdf2eb098b" gs-static="true" gs-current-row="1"></div>

These are between the categories that i can't swap and have extra room between them:

Hope this helps. If more info is needed let me know and i'll see what i can do with my very limited programming knowledge.

EDIT: Waiting for new major release is fine. For anyone running into the issue until then there is a way to fix it without having to redo the whole dashboard, at your own risk ofcourse:

1. Stop the Homarr container
2. Go to where the data is stored. You should see YourDashboardName.json (for example: default.json)
3. Edit with a text editor, and remove the problematic wrappers (in my case, all wrappers except "default")
4. Save the file and start the container again. Now it should be fixed!

[manuel-rw]

Hi, due to the project status as mentioned in #1993 we currently won't investigate this issue any further as it will be permanently fixed in 1.0.
Sorry for the inconvenience. We expect to release this version within the next weeks.