#Is there some kind of hacs frontend

1 messages · Page 1 of 1 (latest)

ivory tapir
#

In this example, there are two horizontal stack cards each containing three custom:button-cards.

#

It does need a little bit of card_mod help. yaml card_mod: style: | ha-card { --ha-card-background: none; }and sometimes yaml card_mod: style: | ha-card { border: none; }

#

Then, there's the custom:button-card where you can define cards within the card. In this example, I "embeded" an entities card on the left (card_modded so it only shows the toggle button) and another custom:button-card on the right which simulates a toggle (which is fully functional). These are know as custom_fields.

burnt wolf
#

that's exactly the kind of thing I'm looking for

#

thanks so much

ivory tapir
#

Oh. I've got a couple more for ya. 😉

burnt wolf
#

currently trying to shoehorn mushroom cards into what I want with card-mod and ugh.. I'm bad at front end lol

ivory tapir
#

With browser mod you can create pop ups and add even more stuff. So, for example, you can have the tap_action of a card toggle a group of lights, but then if you double_tap, you can bring up the pop-up to allow individual control or so more stuff.
EDIT: Realize you already mentioned using browser mod.

burnt wolf
#

ya that was part of the plan

#

have browser mod open up a grid of cards related to that room

ivory tapir
#

I can press and hold on my radar image and the pop-up shows three different kind of radar images on the screen.

burnt wolf
#

and the card(s) on the dashboard just have a simple toggle, and maybe a slider for the room's lights

#

basically, I've got too much shit to have it all just hanging out on one screen now haha

ivory tapir
ivory tapir
burnt wolf
#

ahhh too many options lol

#

big really, thanks, that's a lot to go on. I'm already trying the stack card

ivory tapir
#

I think that one will let you do what you're trying to do. You may need to venture into some card_mod to get it just right (and every card can be a bit different to modify sometimes).

#

(Just wait until you want to start templating or adding Jinja/JavaScript...)

burnt wolf
#

getting somewhere

ivory tapir
#

Yup. Now, if you're planning on making several cards like that but for different rooms, consider the Decluttering card to basically turn the code you posted there into templates that can use variables for the different entites and whatnot. This way you're not repeating code so many times and makes making changes easier. (Tip: the custom:button-card has its own templating capabilities.)

burnt wolf
#

ya I've used the button-card templates before, so familar with that idea.

#

just trying to get a test popup working with browser mod now.

#

got that so far, but it's not working

#

keep seeing conflicting info on it :\

ivory tapir
#

Also, the custom:button-card's custom_fields don't have to be other cards. You can use them for more information, such as this "Person" card.

ivory tapir
burnt wolf
#

oh messed up the content field

#

hrm no luck..

#

Note that any Browser Mod services performed as _actions here will be performed only on the same Browser as initiated the action unless browser_id is given.

#

that says to me that I don't hae to give a browser id

ivory tapir
#

I don't use Browser ID. I think that is if you're trying to "push" a pop-up to appear.

#

Like if you have an automation that sees someone at your front-door, it can initiate the pop-up on the tablet sitting in the living room.

burnt wolf
#

yay

#

was just bad syntax

#

(when isn't it? lol)