Place button on existing card

Configuration Frontend
1

I am attempting to place a button (see upper right of image indicated by arrow) on top of an existing card.
Weather

I want a button to bring up different view that shows more information. My actual use-case shown, I want a view that will show weather next 7 days, current weather radar, etc… .

I know I could change the tap, double tap, long press actions but I am looking for something a little more intuitive for technology oblivious family members.

I tried using a picture elements card with the weather card and button as elements but that did not work out. I also tried the custom card but could not get that work either.

Does anyone have a clean way of doing this? Any pointers in the right direction would be appreciated. Thanks!

2

Stack-in-card allows to stack cards w/o gaps.
Stack 2 cards vertically:

  • entities - with one row which is a button;
  • forecast w/o a title.

Use entity-row name as a TITLE.
You got you button on the right.
Remove useless vertical space between cards by card-mod.
You may even remove an entity-row icon by card-mod (title w/o icon)

3

I am assuming you mean this card? GitHub - custom-cards/stack-in-card: 🛠 group multiple cards into one card without the borders

I am hesitant to use a card that has not been updated in 3 years. Are you still using it today with no problems?

4

Still using)))

5

Thanks for the info. I will look into it.