đŸ”č Browser_mod - turn your browser into a controllable device, and a media_player

Never mind
 it seems to be working now. Odd!

Hi all, I have some problems with changing the view in my frontend. Can someone help me with this automation. It is not working at the moment. It is triggered (i can see it in the automation view) but nothing happens:

- alias: change view 1
  trigger: 
    platform: time
    at: "19:00:00"  
  condition:
    condition: time
    weekday:
    - mon
    - tue
    - wed
    - thu
    - fri
    - sat
    - sun
  action:
    - service: browser_mod.command
      data:
        command: navigate 
        navigation_path: /lovelace/3
        deviceID:
          - d0d458a7_ee46d392

Hi,

I have a problem with browser_mod pop up card after upgrade HA to 0.107. With button-cards works fine, the popup window appears in the middle of the screen.

With swipe-cards the popup windows position slides down:

I use:
HA 0.107.5
HACS 0.23.2
Browser mod 24

Is it a bug or am I doing something wrong? (with HA 0.105 it worked well)

Thanks for your help!

DeviceIDs use -, not _.

A good debugging trick is to use the debug service to see if things work.

You haven’t told me what you’re doing


Hi,

This is the 2. picture’s (RedƑnyök vezĂ©rlĂ©se) tap config:

                        tap_action:
                          action: call-service
                          service: browser_mod.popup
                          service_data:
                            card:
                              card_width: 95%
                              cards:
                                - entities:
                                    - cover.ablak_redonyok
                                    - entity: cover.ablak_redonyok
                                      full_row: true
                                      type: 'custom:slider-entity-row'
                                    - type: divider
                                    - cover.deli_ablak_redonyok
                                    - entity: cover.deli_ablak_redonyok
                                      full_row: true
                                      type: 'custom:slider-entity-row'
                                    - type: divider
                                    - cover.eszaki_ablak_redonyok
                                    - entity: cover.eszaki_ablak_redonyok
                                      full_row: true
                                      type: 'custom:slider-entity-row'
                                    - type: divider
                                    - cover.keleti_ablak_redonyok
                                    - entity: cover.keleti_ablak_redonyok
                                      full_row: true
                                      type: 'custom:slider-entity-row'
                                  style:
                                    background-color: 'rgba(0,0,20,0.6)'
                                  type: entities
                                - entities:
                                    - entity: cover.szoba1_redonyvezerlo_level
                                      name: HĂĄlĂłszoba
                                    - entity: cover.szoba1_redonyvezerlo_level
                                      full_row: true
                                      type: 'custom:slider-entity-row'
                                    - type: divider
                                    - entity: cover.furdo_redonyvezerlo_level
                                      name: FĂŒrdƑ
                                    - entity: cover.furdo_redonyvezerlo_level
                                      full_row: true
                                      type: 'custom:slider-entity-row'
                                    - type: divider
                                    - entity: cover.szoba2_redonyvezerlo_level
                                      name: Gyerekszoba
                                    - entity: cover.szoba2_redonyvezerlo_level
                                      full_row: true
                                      type: 'custom:slider-entity-row'
                                    - type: divider
                                    - entity: cover.konyha_redonyvezerlo_level
                                      name: Konyha
                                    - entity: cover.konyha_redonyvezerlo_level
                                      full_row: true
                                      type: 'custom:slider-entity-row'
                                  style:
                                    background-color: 'rgba(0,0,20,0.6)'
                                  type: entities
                                - entities:
                                    - entity: cover.nappali_redonyvezerlo_1_level
                                      name: Nappali jobb
                                    - entity: cover.nappali_redonyvezerlo_1_level
                                      full_row: true
                                      type: 'custom:slider-entity-row'
                                    - type: divider
                                    - entity: cover.nappali_redonyvezerlo_2_level
                                      name: Nappali bal
                                    - entity: cover.nappali_redonyvezerlo_2_level
                                      full_row: true
                                      type: 'custom:slider-entity-row'
                                    - type: divider
                                    - entity: cover.wc_redonyvezerlo_level
                                      name: WC
                                    - entity: cover.wc_redonyvezerlo_level
                                      full_row: true
                                      type: 'custom:slider-entity-row'
                                  style:
                                    background-color: 'rgba(0,0,20,0.6)'
                                  type: entities
                                - entities:
                                    - cards:
                                        - entities:
                                            - >-
                                              automation.szoba1_redony_felhuzasa_napkelte
                                            - >-
                                              automation.szoba1_redony_lehuzasa_napnyugta
                                            - type: divider
                                            - >-
                                              automation.furdo_redony_felhuzasa_napkelte
                                            - >-
                                              automation.furdo_redony_lehuzasa_napnyugta
                                            - type: divider
                                            - >-
                                              automation.szoba2_redony_felhuzasa_napkelte
                                            - >-
                                              automation.szoba2_redony_lehuzasa_napnyugta
                                            - type: divider
                                            - >-
                                              automation.konyha_redony_felhuzasa_napkelte
                                            - >-
                                              automation.konyha_redony_lehuzasa_napnyugta
                                          type: entities
                                      popup: timeout
                                      type: 'custom:love-lock-card'
                                  show_header_toggle: false
                                  style:
                                    background-color: 'rgba(0,0,20,0.6)'
                                  type: entities
                                - entities:
                                    - cards:
                                        - entities:
                                            - >-
                                              automation.nappali_redony_1_felhuzasa_napkelte
                                            - >-
                                              automation.nappali_redony_1_lehuzasa_napnyugta
                                            - >-
                                              automation.nappali_redony_2_felhuzasa_napkelte
                                            - >-
                                              automation.nappali_redony_2_lehuzasa_napnyugta
                                            - type: divider
                                            - automation.wc_redony_felhuzasa_napkelte
                                            - automation.wc_redony_lehuzasa_napnyugta
                                          type: entities
                                      popup: timeout
                                      type: 'custom:love-lock-card'
                                  show_header_toggle: false
                                  type: entities
                                - entities:
                                    - cards:
                                        - entities:
                                            - >-
                                              automation.redonyok_felhuzasa_reggel_tavozaskor
                                            - entity: input_number.roller_shutter_position
                                              name: PoziciĂł
                                              type: 'custom:slider-entity-row'
                                            - type: divider
                                            - entity: >-
                                                input_number.roller_shutter_position_sunrise
                                              name: Napkelte
                                              type: 'custom:slider-entity-row'
                                          type: entities
                                      popup: timeout
                                      type: 'custom:love-lock-card'
                                  show_header_toggle: false
                                  type: entities
                              parameters:
                                allowTouchMove: false
                                centeredSlides: true
                                keyboard:
                                  enabled: true
                                  onlyInViewport: true
                                navigation: null
                                pagination:
                                  type: progressbar
                                slidesPerView: auto
                                spaceBetween: 8
                              type: 'custom:swipe-card'
                            deviceID:
                              - this
                              - dashboard
                            large: false
                            style:
                              background-color: 'rgba(0,0,20,0.6)'
                              background-repeat: no-repeat
                              background-size: 100% 100%
                              border-radius: 15px
                              width: 40%
                            title: RedƑnyök vezĂ©rlĂ©se

MWE, please.

Your great. It’s working now. Thank you very much :slightly_smiling_face:

Hi all,
I have a very simple automation that I am trying to go to screen 1. But nothing seems to happen when I trigger the automation. Can you please assist?


- id: '1585294707740'
  alias: New Automation
  description: ''
  trigger:
  - entity_id: switch.door_1
    from: 'off'
    platform: state
  condition: []
  action:
  - service: browser_mod.command
    data:
      command: Navigate
      navigate_path: /lovelace/1
      deviceID:
       - a4a8f136-43d555bd

First change to browser_mod.navigate instead. Then read the documentation for that service again. Especially the argument names.

Hi Thomas,
Thank you so much for your assistance. I have read and re read the documentation. I must be missing something really basic. I am trying to use the automation editor. Any more help would be really appreciated. I have been using browser mod for other functions and it works great. This one is really stumping me.

  • data:
    deviceID:
    • a4a8f136-43d555bd
      navigate_path: /lovelace/1
      service: browser_mod.navigate

Why did you move the service into the data all of a sudden?

I tried to simplify it.

card:
  cards:
    - aspect_ratio: 5/2
      color_type: card
      entity: input_boolean.redony_vezerles
      icon: 'mdi:format-line-weight'
      show_name: false
      tap_action:
        action: call-service
        service: browser_mod.popup
        service_data:
          card:
            card_width: 95%
            cards:
              - entities:
                  - cover.ablak_redonyok
                  - cover.ablak_redonyok
                  - cover.ablak_redonyok
                  - cover.ablak_redonyok
                  - cover.ablak_redonyok
                  - cover.ablak_redonyok
                  - cover.ablak_redonyok
                  - cover.ablak_redonyok
                  - cover.ablak_redonyok
                  - cover.ablak_redonyok
                style:
                  background-color: 'rgba(0,0,20,0.6)'
                type: entities
            parameters:
              allowTouchMove: false
              centeredSlides: true
              keyboard:
                enabled: true
                onlyInViewport: true
              navigation: null
              pagination:
                type: progressbar
              slidesPerView: auto
              spaceBetween: 8
            type: 'custom:swipe-card'
          deviceID:
            - this
            - dashboard
          large: false
          style:
            width: 40%
          title: RedƑnyök vezĂ©rlĂ©se
      type: 'custom:button-card'
  type: horizontal-stack
type: 'custom:card-modder'

Result for me:

Great! I think I understand what the problem is now.

The ideal position of the popup depends on the size of the cards in it.
The problem is that the swipe-card and/or button-card may not be loaded when this size is calculated. I’ll see if I can come up with some kind of workaround.

2 Likes

I have sort of run into this with the popup card https://github.com/DBuit/light-popup-card

It has the option to have a second page in the popup by enabling ‘settings’. This adds a button to view the more-info card of an entity.

I solved this issue by pinning the popup to the top for anyone that wants a work around for now.

  service_data:
    title: ' '
    large: false
    style:
      '--ha-card-border-radius': 0vw 0vw 0.8vw 0.8vw
      border-radius: 0.8vw
      opacity: 0.9
      padding-bottom: 50px
      overflow: hidden
      top: 5px

The important part is the top: 5px;

I am sorry to trouble you again and I really appreciate your help, but I am missing something.

In my automation.yaml I have the following which is giving me a configuration error.`

  action:
     service: browser_mod.navigate
     service_data:
        navigation_path: /lovelace/1
        deviceID: 
          -  a4a8f136-43d555bd

Another First World problem


Is it possible to have popups respect the use of the Tab button?
I’m thinking especially in cases where an input_datetime is used in the popup.

If I tab out of the ‘hours’ field it goes to the ‘close’ cross rather than the ‘minutes’ field.

Does anyone have any news about this?
Thanks

@thomasloven, first of all thank you for making all these awesome lovelace tools.
I have just upgrade to HA 107.7 and browser_mod 24 (through HACS).
I used to have popup card with markdown using (your now deprecated) markdown-mod. It was configured in HA 0.98 or so and never modified. It continued working fine with HA 106.5
It doesn’t anymore with 107.7. So, I am trying to move to the native markdown from HA.

Using browser_mod popup feature, I have this in my lovelace view:

tap_action:
    action: call-service
    service: browser_mod.popup
    service_data:
      title: Popup example
      card:
        type: markdown
        content: |
          | Hour | Temp 

Just plain text to start using the MWE rule :slight_smile:

It doesn’t work
 I have this message:

Displaying the same markdown works in a view. Displaying something else in the popup (eg entities), works too


Is it a bug or am I missing something ?

Thanks,

GV