My Lovelace Plugins

Getting same error as you, switching tabs (view) error is gone. Card modder is causing this error.

Is it possible to hide the group control of the folding groups?

yes… add this to the card:
show_header_toggle: false

So I added “show_header_toggle: false” in my ui-lovelace.yaml like this:

- type: entities
  show_header_toggle: false
  entities:
    - entity: group.chargers
      type: custom:folding-group-entity-row

Didn’t work. Should “show_header_toggle: false” be added elsewhere?

move it down under entities:

Thank you Sir!

David, I appreciate your help so far. I’ve tried applying the show_header_toggle four different ways and they all return the same card. Any other ideas or is there some other setting I should try applying/changing?

               #1
               - type: entities
                 show_header_toggle: false
                 entities:
                   - entity: group.chargers
                     type: custom:folding-group-entity-row
               #2
               - type: entities
                 entities:
                   - entity: group.chargers
                     show_header_toggle: false
                     type: custom:folding-group-entity-row
               #3
               - type: entities
                 entities:
                   - entity: group.chargers
                     type: custom:folding-group-entity-row
                     group_config:
                       show_header_toggle: false
               #4
               - type: entities
                 entities:
                   - entity: group.chargers
                     type: custom:folding-group-entity-row
                     config:
                       show_header_toggle: false

Here my switches one:

  - title: Lights & Switches
    icon: mdi:power
    cards:
      - type: vertical-stack
        cards:
          - type: entities
            title: Light
            show_header_toggle: false
            entities:
              - light.dining
              - light.lounge
              - light.yeelight_white_34ce00887db6
              - light.yeelight_white_34ce00882e27
              - light.office_light_group
              - light.office
              - light.desk
          - type: entities
            title: Switch
            show_header_toggle: false
            entities:
              - switch.coffee_maker
              - switch.home_assistant
              - switch.hifi
              - switch.vpn_router
              - switch.toothbrush

and here’s what it looks like:

Without the toggle: false, I would have a slider button next to the Light & Switch titles.

Hi @thomasloven , I’m having issues with the generator. My shell command config is as follows (running HassIO):

shell_command:
  lovelace_gen: 'python3 /config/lovelace-gen.py'

I’m getting this error:

2018-10-13 07:49:40 ERROR (MainThread) [homeassistant.components.shell_command] Error running command: python3 /config/lovelace-gen.py, return code: 1

Any idea how to fix this?

Nevermind, I wgetted the wrong file from github. :blush:

How do you get sensor side by side in the panel?
I’ve made several attempt but I get them always one under the other.

Thanks

EDIT: Nevermind… I forgot about the Glance card

Ah I see the confusion, @DavidFW1960. I was specifically asking about hiding the toggles for the folding group entity rows. Thanks for your help anyways. Maybe @thomasloven can help?

@dylpickles1234 I am having the exact opposite problem!

I am using the folding_group_entity_row and I can’t seem to get the toggle to show. I am trying to use the auto-created group group.all_automations

- type: entities
  title: Automations
  entities:
    - entity: group.all_automations
      type: custom:folding-group-entity-row

image

Edit: This appears to be a general issue with the entities card. I opened an issue on GitHub here.

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.

Thank you with the help of card-modder i was able to achieve this custom alarm panel.

12 Likes

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:
image