Custom:fold-entity-row without entity icon

[pacmanforever]

Hi,

could someone help me how to remove the icon (and its space)? Thanks

type: custom:fold-entity-row
    head:
      entity: sensor.warehouse
      name: Warehouse
    open: false
    state_color: true
    entities:
      - entity: light.light1
      - entity: light.light2
      - entity: light.light3

[maxshcherbina (Max)]

This should be enough to do it!

type: custom:fold-entity-row
    head:
      entity: sensor.warehouse
      icon: none # Added this line
      name: Warehouse
      layout: horizontal
    open: false
    state_color: true
    entities:
      - entity: light.light1
      - entity: light.light2
      - entity: light.light3

PS: This is a much more graceful solution than custom:expander-card, which is what I was using - will transition to this now!

[pacmanforever]

@maxshcherbina

This is a much more graceful solution than custom:expander-card, which is what I was using - will transition to this now!

Yes, I found this option.

I didn’t express myself well, I meant without an icon and without the space it occupies, moving the text to the left.

[Ildar_Gabdullin]

@pacmanforever

      layout: horizontal

This option does not belong to fold-entity-row.

And this is misplaced:

    state_color: true

@pacmanforever

meant without an icon and without the space it occupies, moving the text to the left.

card-mod thread

[pacmanforever]

@Ildar_Gabdullin

This option does not belong to fold-entity-row.

right, but it isn’t important (copy/paste error)

[pacmanforever]

@Ildar_Gabdullin

And this is misplaced:

Without this the card not show states (checked)

[maxshcherbina (Max)]

Ah sorry, I see!

Well in that case, @Ildar_Gabdullin’s amazing posts will help you:

Card-mod - Add css styles to any lovelace card

Styling Entities card. (including some special row elements - button, section, divider) NOTE: Do not forget to add a "card_mod:" keyword before "style:" (new in card-mod 3). Colored background & rounded corners - can be easily achieved by using "--ha-card-background" & "--ha-card-border-radius" variables: [image] type: entities title: Title entities: - entity: sun.sun style: | ha-card { --ha-card-background: orange; --ha-card-border-radius: 14px; } Using background image: T…

Go there and search for Hiding an icon or a state:

Youll find code like this:

type: entities
entities:
  - entity: sun.sun
    card_mod:
      style:
        hui-generic-entity-row:
          $: |
            state-badge {
              display: none;
            }

card-mod is super useful. I have this post bookmarked whenever I am doing something outside of normal Home Assistant’s design rules:

Card-mod - Add css styles to any lovelace card

Here all my posts which may be useful: NOTE: Do not forget to add a "card_mod:" keyword before "style:" (new in card-mod 3). And also read this important note to create optimized code. In most examples here a code is NOT optimized - just to describe a DOM navigation. Entity card post rotating icon (by @dolodobendan) disabled tap_action Entities card (including some special row elements - button, section, divider) post font-size for Entities card post Entities card with attributes …

[Ildar_Gabdullin]

@maxshcherbina

state-badge {
              display: none;
            }

Actually, this is not the BEST way - may cause decreasing a row’s height.
Depends on a particular card…

[maxshcherbina (Max)]

What would you recommend then for an entities card?

[Ildar_Gabdullin]

Same) check it 1st, and then decide if you need another way.

[Ildar_Gabdullin]

@pacmanforever

Without this the card not show states (checked)

You are right.
Although “state_color” is not mentioned in Docs and was supposed to be used ether:
— in “group_config”;
— in “head”;
— in entities for some entity/entities,
it is present in a source code & may be defined on a “root” level of the card.

[pacmanforever]

Thanks to both of you, this is the solution:

    type: custom:fold-entity-row
    head:
      entity: sensor.warehouse
      name: Warehouse
      card_mod:
        style:
          hui-generic-entity-row $: |
            state-badge {
              display: none;
            }
    open: false
    state_color: true
    entities:
      - entity: light.light1
      - entity: light.light2
      - entity: light.light3

[drew-kun]

I know it’s old, but there is a ‘section’ head type now (may be useful for somebody):

-  type: custom:fold-entity-row
   padding: 0
   open: true
   group_config:
     secondary_info: last-changed
   head:
     type: section
     label: Occupancy Statistics
   entities:

Processing: Screenshot 2024-10-15 at 16.45.07.png…

[Ildar_Gabdullin]

@drew-kun

‘section’ head type now (may be useful for somebody):

Sorry, what do you mean by “now”? This is an old thing (at least from 2020 when I started using HA)