Card Tools popup? (Homekit style card )

[tomcoleman]

fairly new to this but trying to get a slider card for my velux blinds/windows.

I have installed the Cover popup card

but not sure how to code/program it

I can open / close the blinds via the developer tools and have my sensors setup

service: cover.open_cover
data: {}
target:
  device_id: 41c6b6f64f9905baadf882607fb70c14

i have a template on my lovelace for the card which i was using the light one

 velux:
    template:
      - base
      - circle
      - loader
      - tilt
    variables:
      circle_input: >
        [[[ return entity === undefined || Math.round(entity.attributes.brightness / 2.54); ]]]
    hold_action:
      action: fire-dom-event
      browser_mod:
        command: popup
        title: >
          [[[ return entity === undefined || entity.attributes.friendly_name; ]]]
        card:
          type: custom:light-popup-card
          entity: >
            [[[ return variables.entity_id; ]]]
          icon: none
          fullscreen: false
          brightnessWidth: 130px
          brightnessHeight: 360px
          borderRadius: 1.7em
          sliderColor: '#c7c7c7'
          sliderTrackColor: rgba(25, 25, 25, 0.9)
          displayType: slider
          actionSize: 4.5em
          actionsInARow: 2
          actions:
            - action: call-service
              service: cover.close_cover
              color: '#d8d9e1'
              service_data:
                entity_id: a1073201fc486b6a9ab25b972bb768b4
                color_temp: 153
            - action: call-service
              service: cover.close_cover
              color: '#d5b08d'
              service_data:
                entity_id: a1073201fc486b6a9ab25b972bb768b4
                color_temp: 326
            - action: call-service
              service: cover.close_cover
              color: '#ce944b'
              service_data:
                entity_id: a1073201fc486b6a9ab25b972bb768b4
                color_temp: 500
            - action: fire-dom-event
              image: >-
                data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 
                50 50"%3E%3Cstyle%3Esvg%7Bbackground:radial-gradient(circle,rgba(255,255,
                255,1) 0%25,rgba(255,255,255,0) 80%25),conic-gradient(%237827e6,%23e622e7,
                %23e40588,%23e41919,%23e5691e,%23e8e22e,%237de629,%2334e828,%2333e75c,
                %2334e8e0,%23207de5,%231227e5,%237827e6)%7D%3C/style%3E%3C/svg%3E
              browser_mod:
                command: popup
                title: >
                  [[[ return entity === undefined || entity.attributes.friendly_name; ]]]
                card:
                  type: custom:light-entity-card
                  entity: >
                    [[[ return variables.entity_id; ]]]
                  brightness: true
                  color_temp: true
                  white_value: true
                  full_width_sliders: false
                  hide_header: true
                  show_slider_percent: true
                  smooth_color_wheel: true
                  persist_features: true
                  consolidate_entities: true

just want to get the velux in there but not having much luck

[ASNNetworks]

        - action: call-service
          service: cover.close_cover
          color: '#ce944b'
          service_data:
            entity_id: a1073201fc486b6a9ab25b972bb768b4
            color_temp: 500

That’s not the entity_id. You’re using the device_id, but you need to use the entity_id, like the cover popup card requires (all Frontend cards ask for an entity_id btw). Use cover.velux_internal_cover_2 or any other you have in that list of covers Make sure you do replace all device_id’s with entity_id’s in your you example.

[mabit (Maarten)]

Hi All,

I’m facing some strange issue in the IOS app!

From time to time the pop-up immediately closes after a long press. Sometimes a JS error (see below) is displayed in the logbook, but not always! When I reboot Home Assistant the issue is resolved; however usually returns after a few hours!

I’d assume this has to do something with browser_mod, but not 100% sure! Any ideas on how to fix this issue; as it doesn’t improve the WAF

Logger: frontend.js.latest.202208020
Source: components/system_log/__init__.py:227
http://192.168.1.51:8123/frontend_latest/core.f2e094cd.js:1:10024 3 

[alladyn21 (Alan)]

Hi, can someone tell me how to add this popup card. I have everything installed but I can’t deal with the config. I have browser_mod and Light popup card (homekit style). How to add it to:

          - type: conditional
            conditions:
              - entity: input_boolean.menu_parter
                state: "off"
            elements:
              - entity: light.sufit_salon
                style:
                  "--mdc-icon-size": 20px
                  "--paper-item-icon-color": white
                  left: 50%
                  top: 50%
                tap_action:
                  action: toggle
                type: state-icon

[zgadson (Zach)]

How do I remove the gray background that’s covering the rest of my dashboard? It fills the whole screen top to bottom but I don’t want to have to tap the X to close the popup - I want to be able to tap off of the popup to close it like normal. It works fine on my PC, but not the Companion app.

views:
  - title: Mobile Home
    path: home
    icon: mdi:home
    panel: false
    cards:
      - type: custom:button-card
        entity: light.bedroom_lights
        name: POPUP TEST CARD
        show_icon: false
        style:
          top: 5%
          left: 50%
        tap_action:
          action: fire-dom-event
          browser_mod:
            service: browser_mod.popup
            data:
              title: POPUP TEST
              content:
                type: custom:button-card
                entity: light.bedroom_lights

What am I missing?