Browser Mod Popup With Grid Card

Hey Everyone,

I"m finally working on building out my main dashboards for the house to put on kiosks on the wall. I really like the browser_mod for the popups thats awesome. Following the examples I see that you can reference different card types. I enjoy using the grid card for layout of stuff. Right now I’m trying to get it to work when I tap the button to have it do the service call to pull up a grid card but I keep getting an error that tells me something is misconfigured.

- show_name: true
    show_icon: true
    type: button
    tap_action:
      action: fire-dom-event
      browser_mod:
        service: browser_mod.popup
        deviceID: this
        data:
          content:
            square: false
            columns: 3
            type: grid
            cards:
              type: custom:mushroom-light-card
              entity: light.living_room_lights
              name: Living Room
              show_brightness_control: true
              collapsible_controls: true
              icon: mdi:lightbulb-group
    icon: mdi:lightbulb-group

The error that shows up is
image
I"ve compared my grid yaml to other grids that I"ve used and everything looks right. Is this just something that browser mod cannot popup? Perhaps I’m missing something super simple
Thank you for your help

Your indentation of you cards was off, try it like this:

- show_name: true
    show_icon: true
    type: button
    tap_action:
      action: fire-dom-event
      browser_mod:
        service: browser_mod.popup
        deviceID: this
        data:
          content:
            square: false
            columns: 3
            type: grid
            cards:
              - type: custom:mushroom-light-card
                entity: light.living_room_lights
                name: Living Room
                show_brightness_control: true
                collapsible_controls: true
                icon: mdi:lightbulb-group
    icon: mdi:lightbulb-group
1 Like

Thank you so much @mvanlijden I knew it would be something simple. The entities card is nice and all but grid makes things more fun. Wish there was a way to edit it in the UI instead of having to yaml it all out but worse case I’ll create a dev dashboard where I can make things look nice and then copy the code to the new one.