Why are my panels ordered like this?

HI.
I do not get, why my cards are ordered like this.


At first it seems that the first row goes from 1 to … and then continues with the second row.
But the first row goes from 1-5 and then there it starts with 16 again.
Why is it ordered in such a way?
This makes no sense.
Thanks,
Andreas

Using vertical stack card you can order them exactly, how you want them :wink:

i would like to have them ordered like it is in my yaml.
so it will look nice on my mac within the browser and also on my iphone with the home assistant app.
i do not get why it is sorted like this.

So, follow my answer and be the boss of your cards. They won’t be naughty anymore.

This is a reoccurring topic on the forum and the explanation is that HAs dashboard is made for all kind of screen sizes and resolutions, so this is the way it solves the problem with being dynamic and having screens, like on mobile devices, that can change direction.
You can choose to make your own fixed dashboard, but then you would have to maintain a dashboard for each device and on devices with the option to change view direction you will have to maintain an extra per device.

1 Like

The way I deal with it, I use per panel three vertical stacks.

On a PC screen, they are displayed next to each other, on a phone screen they are displayed beneath each other. I’m fine with that.
But it always do, what is asked - in each vertical stack the cards always are stacked exactly, as in the YAML. They never switch positions by them selves.

Here is, how it looks. Three vertical stacks next to each other:

On a mobile device, they will be displayed beneath each other, left one will be first, middle one second and right one third.

As said, it will always be the same, so it’s on you, what order you put the cards in a stack, it will be obedient :slight_smile:

2 Likes