What’s the card you are trying to mod?
Edit: Never mind. I see from the screenshots that it’s button-card…
Does it work (with exactly the same configuration) when not wrapped in card-modder?
Not for now.
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: "custom:button-card"
entity: group.svjetla
icon: mdi:lightbulb-outline
color: auto
action: more_info
default_color: rgb(255, 233, 155)
color_type: icon
name: Rasvjeta
- type: "custom:button-card"
entity: light.rgb_traka
icon: mdi:palette
color: auto
color_type: icon
name: RGB
default_color: rgb(255, 233, 155)
- type: "custom:button-card"
entity: light.luster
icon: mdi:ceiling-light
name: Luster
color: auto
default_color: rgb(255, 233, 155)
color_type: icon
- type: "custom:button-card"
entity: light.led_traka
icon: mdi:hotel
name: Krevet
color: auto
default_color: rgb(255, 233, 155)
color_type: icon
And this works too:
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:card-modder
card:
type: "custom:button-card"
entity: group.svjetla
icon: mdi:lightbulb-outline
action: more_info
name: "Rasvjeta"
show_state: true
style:
- text-transform: none
style:
"background": "#2b2d3199"
border-radius: 12px
color: white
height: 90px
- type: custom:card-modder
card:
type: "custom:button-card"
entity: light.rgb_traka
icon: mdi:palette
name: "RGB"
show_state: false
style:
- text-transform: none
style:
"background": "#2b2d3199"
border-radius: 12px
color: white
height: 90px
- type: custom:card-modder
card:
type: "custom:button-card"
entity: light.luster
icon: mdi:ceiling-light
name: "Luster"
show_state: false
style:
- text-transform: none
style:
"background": "#2b2d3199"
border-radius: 12px
color: white
height: 90px
- type: custom:card-modder
card:
type: "custom:button-card"
entity: light.led_traka
icon: mdi:bed-empty
name: "Krevet"
show_state: false
style:
- text-transform: none
style:
"background": "#2b2d3199"
border-radius: 12px
color: white
height: 90px
But If I refresh ha, or first start it, I get that error, I have to switch tabs for error to disaper.
Really nice interface.
Do you mind to share?
fold-entity-row
I decided I could do better than the folding-group-thing… so here’s fold-entity-row.
It works pretty much the same way, but now you don’t need to rely on home-assistant groups, but can put any entities you want in a foldable section of an entities card.
It will still handle groups if you wish, and you can change options for each entity separately, or all of them at the same time.
Anything that can be put in an entities card can be used as the header or put inside the fold.
Also, it’s now possible to have the fold open by default.
Update:
There’s been a design update
Note that this totally deprecates the folding-group-entity-row, and the repository for that has been renamed to lovelace-fold-entity-row.
It is a breaking update, but readjusting should be easy - and totally worth it.
… and no. Nesting them does not work…
10 Likes
Great change. Can you add as an option possibility to hide folder triangle and move the head entity icon to the left.
Something like that:
I think this might make more sense for that use: https://github.com/home-assistant/home-assistant-polymer/pull/1779#issuecomment-430205102
1 Like
This is great, thanks
For the new fold-entity-row card, how can I add secondary info to the top item?
For example, when using a group entity it auto populates the list, but I want the group to show the last changed status, but not the entities below.
Edit: Never mind, I just had to add the secondary_info option under the head tag.
looks amazing! do you have a github page where you share the code?
1 Like
This is a simple label. fold-entity-row is exactly what I’m looking for (possibility hide few entities in one) but I don’t like triangle icon.
1 Like
So how would you open an close the fold?
By click on the head entity.
Changing the click behavior of the header is kind of hard…
How about a design change instead? More Material Design.
2 Likes
Oh yes, in my opinion it looks much better now.
This has finally been fixed.
1 Like
Would it be hard to make a card that when pressed (or long pressed) can hide or unhide another card?
I’m trying to find a way to have like a toggle (made from an image) that is part of a picture elements card that when pressing say the light image, the fold-entity-row card can appear under the elements card. It’s sort of like a clickable conditional card.
Why not just make the image toggle a switch (mqtt switches can be used as dummies) and display the conditional card depending on it’s state?
Ya that’s what I was thinking to do, but wasn’t sure if it was easier to have a toggle button that pointed to a card to hide it, as to not have too many extra switches and stuff in HA just for UI purposes.