weather-radar-card icon indicating copy to clipboard operation
weather-radar-card copied to clipboard

Cannot get card to "fit" like I want no matter what

Open tokenwizard opened this issue 1 year ago • 0 comments

I'm hopeful too much of my frustration does not come through in this post. I'm fairly new to lovelace dashboards, coming from OpenHab previously.

I have tried Grids, Horizontal Stacks, Layout-Card, Masonry, and just about every other kind of view I can find. I have tried suggestions I've found in my searches from grid_row/grid_cols, to height: styles, etc.

All I want is a grid that displays 3 columns and 2 rows, all cards being the same size. I will have 5 camera feeds displaying in the first five cards, then the weather radar in the sixth one.

No matter what I try, I end up with something like this, where the radar card is twice the height of all the other cards. What am I missing. I see a log of similar questions where they response is "Check out Layout-Card" with a link to that project. I have installed it and tried it numerous ways but can't seem to get it to do what I'm after.

Any advice for a weary guys just trying to make a symmetrical dashboard?

Thanks!

image

If I turn on the "Render Cards as Squares" option, it just adds blank padding to each of the Picture elements to make them the same size as the long, stretched out Radar card.

image

Also, I have tried with the "Square Map" option both on and off in the Radar card.

Here is my card grid config:

square: false
columns: 3
type: grid
cards:
  - type: picture
    image: https://demo.home-assistant.io/stub_config/t-shirt-promo.png
    tap_action:
      action: none
    hold_action:
      action: none
  - type: picture
    image: https://demo.home-assistant.io/stub_config/t-shirt-promo.png
    tap_action:
      action: none
    hold_action:
      action: none
  - type: picture
    image: https://demo.home-assistant.io/stub_config/t-shirt-promo.png
    tap_action:
      action: none
    hold_action:
      action: none
  - type: picture
    image: https://demo.home-assistant.io/stub_config/t-shirt-promo.png
    tap_action:
      action: none
    hold_action:
      action: none
  - type: picture
    image: https://demo.home-assistant.io/stub_config/t-shirt-promo.png
    tap_action:
      action: none
    hold_action:
      action: none
  - type: custom:weather-radar-card
    show_recenter: true
    square_map: true

tokenwizard avatar Jul 18 '22 20:07 tokenwizard