What to do when UI dashboard is misarranged

I've been using NR for my home automation for years (currently v.3.1.3 on Raspi4). Occassionally it happens that one of the dashboard tabs gets completely misarranged even though I did not make any changes to that particular tab (but other tabs). It means the items such as buttons, sliders, text inputs are correctly ordered in the editor's dashboard side window but in the UI view they appear in a different order completely misarranged. Is this a known issue or limitation? What can be done against it? (I'm new in this forum. Apologies if this is the wrong forum). Thanks!

Welcome to the forum @KaHeMu

Does it recover if you clear the cache in your browser (using the menus, not hot keys)?

Does it recover if you restart node-red and then (if necessary) clear the cache?

Hi Colin,
I restarted node-red. Still the buttons and sliders of one tab are completely misarranged again. Other tabs with less items are ok. It seems to me as if the more items on a page (tab) the more often they are misarranged.
I also cleared the cache of my browser and even used a different browser that I hardly use. No change.
Thanks

Have you looked at the dashboard layout editor?
image

It's not exactly WYSISYG (!) but you might see gaps, unwanted "spacer"s etc and you can drag widgets around to fix the layout.

Yes, of course I looked and used the dashboard layout editor. The dashboard tab is used for controlling and audio system and looks like this:


Sometimes, after redeploying the flows due to a change in another dashboard tab the items of the audio controller tab get completely misarranged. (Unfortunately I do not have a screenshot of it at hand right now) but for example the "volume slider" appears at the bottom, or any of the small buttons at any arbitrary position. Accidently I figured out that when I then unlock the "History list" item (at the lock symbol in the corner), then redeploy and again lock it and redeploy again, then everything is back in order.

Like you, I have occasionally experienced the widgets on one tab becoming misarranged. But not recently, I think one of the releases since dashboard v3.1 has fixed the handling of "spacers" that get created automagically to assist in positioning groups.
One of the symptoms for me was these spacers become duplicated.

So if your dashboard is not the latest version (currently 3.6.5), upgrade and just maybe the problem will go away.

That's a good work-around, well spotted!
Interesting that changing a widget that has it's size fixed to the full width of the group can make a difference.

Thanks for yuor quick reply. I'm using v3.1.3 on an Raspi 4. I will try to upgrade when I find time. Btw, I was able to reproduce the issue and take screenshots: When restarting all flows (and node-red) the items of the audio controller tab get completely misarranged like this:


After using the lock/unlock trick mentioned above everything is back in order.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.