How to get a panel with wider colums in lovelace

Configuration Frontend
1

I have to charts I need to show and one of these should be wider than the other for example one should be twice as wide as usual.
So far I have been able to use 3 as the usual horizontal card offers or only 1 panel card.
I was only able to show the first column of entities wider than the other but only inside 1 column shown in the 2nd column with the sun element.

But regarding the 2 charts following I would like to see that twice as wide than the last one in the 4th column.
My first 2 columns are there to show the history what I have tried and did not work out the way I had wanted it, but the goal is to show 2 of the apex charts and the first one far wider than the 2nd.

image
image1899Ă—693 123 KB

Any ideas where to start or look ?
So far I have not found the right solution with my searches.
thanks

2

Set the view to “Sidebar” mode. You get a layout like the energy dashboard. One wide and one narrow column.

You can use horizontal stacks in the wide column for different widths (2nd row is 3x horizontal stack):

Screenshot 2024-02-20 at 23-36-02 Overview – Home Assistant
Screenshot 2024-02-20 at 23-36-02 Overview – Home Assistant1858×916 154 KB

When editing the dashboard click the pencil icon next to the view title/icon, then:

Untitled
Untitled615Ă—874 45.5 KB

In edit mode each card will have an arrow at the bottom to shift columns.

Screenshot 2024-02-20 at 23-41-48 Overview – Home Assistant
Screenshot 2024-02-20 at 23-41-48 Overview – Home Assistant746×645 223 KB

1 Like
3

Thanks a lot, looks beautifull.
Will check it later, cause now I am in a hurry. Sorrry

4

Hello,
I have tried it but without luck of getting 2 colums, a wider and a smaller one.

What i got this way are full width cards below each other.

image
image1857Ă—1012 160 KB

#1 UPDATE:

Sidebar DOES NOT WORK by simply changing from what to SIDEBAR.

You need to create a new panel and chose sidebar from the beginning.

I have now made a new panel as sidebar and then added a horizontal stack with 2 elements, which had worked, but how do I get an entity or anything in the 3rd column.

My first try with the horizontal stack looks like this

image
image1914Ă—900 50.9 KB

Something is missing i guess.

thanks a lot

#2 UPDATE:

ah, the arrows are doing the job of sorting the cards into the columns.
I had thought I would need additional parameter somewhere else.