Possible to manage card layout directly in the Lovelace UI?

Hello,

Is there a way to control card layout in the Lovelace UI that does not require placing cards inside other cards and/or using Panel Mode? I would really prefer to avoid either option due to their drawbacks, which are…

  1. Losing the ability to use badges. (Partially regained via Picture-elements card, but that has other drawbacks.)
  2. Losing the ability to use the “+” icon to add new cards.
  3. Losing the form based card configuration editor, requiring all card editing to be done by manual YAML coding.

You mean other than pressing the up and down arrows on the cards?

There is some chat in the dev discord about a drag and drop solution but it’s very early days.

tom_l

You mean other than pressing the up and down arrows on the cards?

There is some chat in the dev discord about a drag and drop solution but it’s very early days.

I mean being able to adjust card widths, heights, and whether they are vertical or horizontal to other cards.

So far, the only way I have found to achieve the layout I want requires enabling Panel Mode and then using a combination of vertical-stack & horizontal-stack (or similar custom cards), which unfortunately has all three of the negatives I mentioned in my original post.

Truthfully, a custom card that supports badges without requiring an image (IE: not the “picture-elements” card), and a way to enable Lovelace’s card editor for cards inside other cards is all I am really hoping for right now.

@Shadowpheonix I agree… we need some way to control size of cards, etc. I get that may make the UI not display well on different platforms (mobile vs. desktop), but usually I’m making a page for a particular use, i.e. one card for a wall tablet.
Drag and Drop would be awesome, and very much needed! :slight_smile:
I agree that having to embed several levels of Vertical and Horizontal stacks cards makes the Yaml very hard to manage.