#To "drill into light groups," I use [

1 messages · Page 1 of 1 (latest)

elfin moat
#

I was trying to figure out how to add something to this tile card so when I clicked on it, it would show me all the lights in the group so I can mess with them individually. is browser_mod still a good choice for that?

#

I installed it but I am a little confused on how to get it going.

static scaffold
#

Looking at the docs and then the Tile Card configuration when adding one to the dashboard, it seems that it is a little unique in the fact that it only allows tap_actions but not hold_action or double_press. If does, however, add an icon_tap_action.
My thoughts: you could set the tap_action to toggle the group and then the icon_tap_action to show the popup.

elfin moat
#

i was a little tired when explaining what i wanted to do yesterday. i wanted to be able to control the group like that Tile card photo up there, but I wanted to be able to do something to tap it and expand it to show all the lights in the group so I could modify any of them separately

#

similar to how google home does it

#

the main button controls power, and you can slide for brightness, but you can expand it

static scaffold
#

Do you mean you're looking for it to expand/collapse?

elfin moat
#

yeah one sec let me record video

#

i wanted to try and make it like this

#

the default stock Tile card does that for the entire group, but theres no way to expand it and have separate controls for each device in the group

#

and i have 13 light sources in one group, so i cant make 13 individual things thats nuts lol

#

i would love to be able to tap somewhere on the tile card, and have it expand downward, listing each light and then a slider for brightness. then you could tap and hold on any light if you wanted to drill into color options.

#

(basically what the video shows)

static scaffold
#

With the stock HA cards, I'm pretty sure that will not be possible.
But, I'm pretty sure I saw someone post something similar recently and I noticed the collapsible section. I'm not sure if this is what I saw but this looks promising: Expander Card

elfin moat
#

hm. let me look

#

yeah HA is nice except when you want individual controls. i didnt want to make a new dashboard for each room. thats a bit much

static scaffold
#

That's where you can use the auto-entities card. You can drop that into the expander cards section with the appropriate settings such as the respective area.

elfin moat
#

yeah let me try that here quick and see if it works

#

i like the bubble card thing someone posted also, but i dont know if i want it at the bottom of my dashboard. i'd rather have it as a card

static scaffold
static scaffold
elfin moat
#

yeah i love how it works, i just dont want it at the bottom floating around. i want a dashboard for lights, where all the light groups are....and then i can click to expand it and drill down to a single light in that group if i want to control just that 1

#

man i like that expand thing you linked, but its buggy. it flickers and resets when im trying to use it and pasting in cards doesnt work

static scaffold
#

The other bad thing about it is I don't think it will be developed any more. Looks like the Dev turned off the Issues and commented that

FOSS is broken. People suck

I don't care anymore.

elfin moat
#

yeah i was going to submit something and saw that

#

booooo

#

i dont think i want to get attached to it

static scaffold
#

It looks like there are two forks that have some development. One is list as being 51 commits ahead and the other is 21 commits ahead. Not sure what (if any) difference there is.

elfin moat
#

sorry to trouble you a lot. i can try the browser_mod thing, i like how you press and hold and it pops up. im not sure how to build it though

static scaffold
#

Here's the code directly from my dashboard. Don't forget the Tile card only has the two tap actions that I mentioned. Also, you'll need to adapt the card and entities to match yours.

#
            hold_action:
              action: fire-dom-event
              browser_mod:
                service: browser_mod.popup
                data:
                  card_mod:
                    style: |

                      ha-dialog {
                        --mdc-dialog-min-width: 500px !important;
                        --mdc-dialog-max-width: 500px !important;
                        --popup-border-width: 1px;
                        --popup-border-radius: 12px;
                        --popup-padding-x: 0px;
                        --popup-padding-y: 0px;
                        --dialog-backdrop-filter: blur(0.8em) brightness(1.2); 
                        --dialog-content-padding: 20px;
                        }
                        .content {
                          width: auto !important;
                        }
                  timeout: 10000
                  content:
                    type: entities
                    state_color: true
                    show_header_toggle: false
                    entities:
                      - type: custom:slider-entity-row
                        entity: light.kitchen
                        hide_state: true
                        toggle: true
                        step: 1
                      - type: custom:slider-entity-row
                        entity: light.stove
                        hide_state: true
                        toggle: true
                        step: 1
                      - type: custom:slider-entity-row
                        entity: input_number.automation_auto_kitchen_lights_duration
                        name: Auto Lights Duration
                        hide_state: false
                        toggle: false
                        step: 5```
elfin moat
#

does this apply to an existing card I already have, or do i have to build a card from scratch?

static scaffold
#

You should be able to drop this into an existing card. Just change the action from hold_action to tap_action, for example and adjust the indention to fit the rest of the card. (Highlight the lines to adjust and press Tab or Shift+Tab to adjust.)

elfin moat
#

okay so that

#

well that area

static scaffold
#

You'll have to go into the code editor. (in the bottom left corner)

#

Wait. That's a button card. That's not the Tile card you originally posted. Still okay though. In this case, you can set the tap_action to toggle and then drop the hold_action into the yaml code.
Note: you'll probably get a warning about not being able to use the UI when you paste. That's okay. It is just letting you know the UI doesn't understand what you just put in and you'll have to work with the code instead of the UI.

elfin moat
#

sorry i just created a new card to test it. i can edit a tile card.

static scaffold
#

No. You're fine. I just didn't to say something wrong and point you in the wrong direction. I frequently create new cards just to experiment with.

elfin moat
#

sorry i struggle hard to learn things here. uhm. so i see the actions like you said

#

so like that?

static scaffold
#

yeah. you'll just need to adjust the content: section to be able to handle your entities and maybe the card type if you don't have the slider-entity-row.

elfin moat
#

?

elfin moat
#

when i tap_action nothing happens

pseudo geyser
#

hold and double_tap will come for Tile card in next monthly release.

elfin moat
pseudo geyser
#

oh no, just saw at the top of the thread the mention that tile didn't have hold/double_tap. didn't read all the way to the bottom

elfin moat
#

Gotcha. Yeah even with tab action I can't get it to work. Hmph.

static scaffold
#

Did you just install card_mod? I think it needs a restart in order to function.

elfin moat
#

do I?

static scaffold
#

Browser Mod for the pop-up. Card mod for the styling. I'm not sure if not having card mod would prevent the pop-up though.

elfin moat
#

okay i just installed it and rebooting now

elfin moat
#
features:
  - type: light-brightness
  - type: light-color-temp
type: tile
entity: light.aarons_room_light_3
vertical: false
show_entity_picture: false
name: Aaron
state_content:
  - last-changed
  - brightness
  - effect
  - state
tap_action:
  action: fire-dom-event
  browser_mod:
    service: browser_mod.popup
    data:
      card_mod:
        style: |

          ha-dialog {
            --mdc-dialog-min-width: 500px !important;
            --mdc-dialog-max-width: 500px !important;
            --popup-border-width: 1px;
            --popup-border-radius: 12px;
            --popup-padding-x: 0px;
            --popup-padding-y: 0px;
            --dialog-backdrop-filter: blur(0.8em) brightness(1.2); 
            --dialog-content-padding: 20px;
            }
            .content {
              width: auto !important;
            }
      timeout: 10000
      content:
        type: entities
        state_color: true
        show_header_toggle: false
        entities:
          - type: custom:slider-entity-row
            entity: light.aarons_room_light_1
            hide_state: true
            toggle: true
            step: 1
          - type: custom:slider-entity-row
            entity: light.aarons_room_light_2
            hide_state: true
            toggle: true
            step: 1
          - type: custom:slider-entity-row
            entity: light.aarons_room_light_3
            name: Auto Lights Duration
            hide_state: false
            toggle: false
            step: 5
#

what am i doing wrong? lol

#

i tap, nothing happens

elfin moat
#

i dont see this either

elfin moat
#

okay i got it

static scaffold
#

Any idea what the idea what the issue was initially?

elfin moat
#

I never added it under integrations

#

Once I installed it on HACS

elfin moat