Browser Mod Pop-up

Configuration
1

I am searching and trying all sorts of things to get the browser mod pop-up to work but it seems there are changes in the integration or in HA that makes it difficult for me because every tutorial says something else.

I want to show a pop-up on an entity light.mylight. I added a pop-up card to my configuration:

type: custom:popup-card
entity: light.mylight
card:
  type: vertical-stack
  cards:
    - type: custom:mushroom-light-card
      entity: light.mylight
      show_brightness_control: true
      show_color_temp_control: true
      show_color_control: true
      collapsible_controls: true
      use_light_color: true
    - type: custom:mushroom-light-card
      entity: light.mylight2
      ...

I added this action on the light entity:
image

But I am not sure what to enter in these fields:

image
image476×575 8.31 KB

What am I doing wrong? And is there a clear (noob) tutorial for this?

2

did you ever work it out?

I think you need something like

tap_action:
      action: fire-dom-event
      browser_mod:
        service: browser_mod.navigate
        data:
          path: /your/path

this opens the view, but I still can’t get it to work as the view looks empty

3

I was confused like you the first time I used Browser Mod. A custom:popup-card is designed to replace a more-info for an entity. To use it is as simple as setting the entity in the custom:popup-card setting, and then whenever more-info is called for the entity, a custom card is used. You can also call via browser_mod.more_info.

There is also browser_mod.popup. There is no UI card designer for this service. You need to code the popup in yaml. There might be a feature to use a custom:popup-card with this service.

If you want to use custom:popup-card in a general way, you can use a dummy helper entity to do the gluing and then use briwser_mod.more_info to using the dummy helper entity.