Know what?
I figured out a way.
Look for the new `clickable´ option in 20.0.2.
But the initial guess should be pretty good too, so you probably don’t need it.
1 Like
wow (can’t film the actual click, but you’ll see what happens) 
thanks!
great. thank you so much
I realized that a vertical spacing between rows is less than a spacing in a Entities card:
Here is a code:
type: horizontal-stack
cards:
- type: entities
entities:
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- type: entities
entities:
- type: 'custom:fold-entity-row'
head:
entity: sun.sun
secondary_info: last-changed
padding: 10
open: true
clickable: true
entities:
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
I can fix this by card-mod:
style:
'#items':
hui-text-entity-row:
$: |
hui-generic-entity-row {
margin: 8px 0px;
}
Now it looks better:
But I would be happy if these margins will be fixed in the card itself )).
The whole code with card-mod:
type: horizontal-stack
cards:
- type: entities
entities:
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- type: entities
entities:
- type: 'custom:fold-entity-row'
head:
entity: sun.sun
secondary_info: last-changed
padding: 10
open: true
clickable: true
entities:
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
style:
'#items':
hui-text-entity-row:
$: |
hui-generic-entity-row {
margin: 8px 0px;
}
Update (20.11.21):
The “tight vertical spacing” problem is solved in fold-entity-row ver. 2.0.12
Really strange.
I see the difference also with old version of fold-entity-row used when I made this post about card-mod.
Here is a pic from that post:
It was w/o a margin even 20.12.20.
May it depend on a theme? I am using stock theme.
I am having the same issue, the color of the icon of the head won’t change based on the state.
Were you able to solve this meanwhile? Or has this been identified as a missing feature yet?
Example, the below doesn’t work:
- type: custom:fold-entity-row
head: binary_sensor.template_someone_in_bed
icon: 'mdi:bed'
name: Bed Occupancy
state_color: true <<< this doesn't work
entities:
- domain.name1
- domain.name2
- etc
padding: 0 will get rid of the margin
Wrong.
Second time I am hearing about “padding: 0”…
There is no margin for “padding: 0” & “padding: 10”.
And why these two different things can be connected - left padding & margin between rows?
It will - if indentation is corrected:
type: entities
entities:
- type: 'custom:fold-entity-row'
head:
entity: binary_sensor.iiyama_1_ping_availability_status
secondary_info: last-changed
state_color: true
padding: 0
open: true
clickable: true
entities:
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
These last 3 lines are related to the “head” but have a wrong indentation:
It’s right and your screenshots prove it!
That’s what I thought initially too David. However he is trying to adjust the vertical padding, not horizontal.
Thank you! One small correction, this is a margin , according to Inspector.
One more picture - compare vertical spacing between rows:
type: entities
entities:
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- type: 'custom:fold-entity-row'
head:
entity: sun.sun
secondary_info: last-changed
padding: 0
open: true
clickable: true
entities:
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
- entity: sun.sun
secondary_info: last-changed
can you fold-entity-row some glance info?
I want to hide the above glance info
type: entities
entities:
- sun.sun
- type: 'custom:fold-entity-row'
head:
type: section
label: unfold me
padding: 5
open: true
entities:
- type: divider
- sun.sun
- type: 'custom:hui-element'
card_type: glance
entities:
- entity: sun.sun
- entity: sun.sun
hui element… cool thanks I’ll give it a try!
that worked thanks!:
now additional question regarding the box around the glance icons, I used the following style:
style: |
ha-card {
#box-shadow: none;
background: none;
padding-top: 0px;
padding-bottom: 0px;
margin: -10px 0px -0px -40px;
font-size: 12px !important;
}
and i got the above, I want to reduce the white space around the icon, but cannot seem to do so. I can remove background and put a negative margin such as:
margin: -30px 0px -20px -40px;
and i get this (note the box shadow is #'d out to show how it overlaps the button which gets blocked):
so my question is. instead of move the glance card around and clicking the ability to hide the controller status, can i reduce the white space around the icon within the glance in order to reduce the white space?
I’m using Auto entities to show all lights that are switched on. Would it be possible to show all lights that are switched off using fold entity row down below?
Not clear, where do you want to see fold-entity-row?
I could imagine something like this:
The real reason I would like to do this is to use similar function to control my doorlocks. So I see if the are Open, but if I want to open any of the switched off then I can just fold out the hidden entities.