šŸ”¹ Browser_mod - turn your browser into a controllable device, and a media_player

I wonder if disabling ā€œmedia_playerā€ will make the yellow browser_mod icon disappear as I donā€™t care for sounds, just need it to pop up a camera window

Thatā€™s depressing it looks like there was a solution for the 10 minute time out to recast. Your saying that it becomes unavailable randomly anyway and requires touching the screen. The "hack"apparently is to embed a running media player in the front end. GitHub - swiergot/ha-catt-fix: A solution for the timeout issue when casting Home Assistant using CATT. I wonder if this would also stop the need to physically touch the screen. Apparently this is how the official cast integration gets around the time out too

When I get some time Iā€™ll get at itā€¦ Which is who knows

Nope it does not.:frowning:
Should have left v1 on it, if it ainā€™t broke and all that

1 Like

Iā€™m on Android. I filed a bug about not getting authorization to play media in 2.x.

Upgrading from 1.x. I removed browser_mod from config yaml and removed from HACS, restarted then added it back through HACS. Cleared browser cache (F12, right click reload) but it still doesnā€™t show up when I try adding it in integrations. Doesnā€™t even show it as an option. Iā€™ve tried it on different computers that have never even been to the home assistant website, so I know its not a cache issue. Logs donā€™t seem to indicate any issue

Ok so considering No one knew the answer or wanted to answer. It appears there was an update for browser mod about eight days ago. Reset the front end cache on your phone and it works automatically no CSS needed. No more full screen

Hi. How to make pop-ups appear e.g. settings or energy panel?

Hello everybody, Iā€™m new to the forum. I have a problem that I cannot solve with browser-mod 2. I want to use the browser_mod.sequence service when I press a button created with button-card. The browser_mod.sequence has to execute 2 services in sequence. The first is input_number.set_value while the second is browser_mod.navigate. The problem is that the input_number service ALWAYS returns me an error. The error is: Failed to call service input_number/set_value. must contain at least one of entity_id, device_id, area_id.
The code is:

tap_action:
  action: fire-dom-event
  browser_mod:
    service: browser_mod.sequence
    data:
      sequence:
        - service: input_number.set_value
          target:
            entity_id: input_number.pannello_tablet_attivo
          data:
            value: 3.0
        - service: browser_mod.navigate
          data:
            path: /tablet-dashboard/consumi

I think there is an error in the syntax. If I use the ** input_number_set_value ** service individually with the same syntax as the code I posted (so without using the ** browser_mod.sequence ** service) everything works fine. Can someone help me?

Hi,
i has been using this mod for awhile and planning to update to 2.x
previously i add /local/card-mod.js in my ā€œmanage resourcesā€
then i create a spmething like this in the raw configuration edit.

popup_cards:
  <entity_ID>:
    title: <popup card title>
    card:
       [data]

this work great as i create different tab within 1 love lance and all the tab able to use this pop up.
image

how do i migrate this to 2.x ya? i know we can create per tab popup card, but i have to create for each tab.

is there something similar where i can create a configuration and use for all the tab for single sidebar?

Hi Hello

I have this code


          card_mod:
            style:
              ha-dialog$: |
                @media screen and (max-width: 412px) {
                  div.mdc-dialog__scrim {
                    backdrop-filter: blur(50px) !important;
                    -webkit-backdrop-filter: blur(50px) !important;
                    background-color: rgba(0,0,0,0.1) !important;
                  }

I want to remove the title of the popup
how do i do it

Something like that:

          card_mod:
            style:
              ha-dialog$: |
                  ha-header-bar {
                    display: none;
                 }

Iā€™m really confused
with ā€œcard-modeā€

Thank you and good day

Hello,

can you help me with the buttons in browser_mod: pop-up

I have created some Buttons for example the automation ā€œaction_dooropenerā€:


It doesnt work, when i press the buttons in the pop-up. What is false?
Thank you in Advance!

it is a service

> In the "right button action"
> script.your_script
> Same last button action
1 Like

No kidding. Itā€™s incredibly frustrating sometimes to update and then find that things no longer work as intended. I had no problems at all with 1.x

Anyone found where that icon image is hiding? Wouldnā€™t mind replacing it with a blank that way I donā€™t need to see it

First of all, I must say that I am very impressed with everything youā€™ve done and keep doing for us who use Home Assistant. Hat off to you!

Now for my question:

Does this mean that Browser Mod 2 no longer supports popups on any given device? What I mean is do I have to manually register each device/browser to be able to show popups and do other neat things?

If you want to popup on the current device, you are using, you donā€™t have to register. You only have to register, if you want to send popup to other devices.

1 Like

ok so what kind of an audio warning? .mp3 of text to speech? I do both on a Nest Hub but not with browser_mod. I would be glad to share if your interested.

Hi all,
After HA update I have noticed the border added to my popup cards, can you please take a look at my code and advise how to remove it:


The Code:

       action: fire-dom-event
       browser_mod:
         service: browser_mod.popup
         large: true
         hide_header: true
         data:
           content:
             type: "custom:button-card"
             styles:
               grid:
                 - grid-template-areas: "'header' 'content2' 'buttons' 'footer'"
                 - grid-template-rows: "16vh 52vh 14vh 14vh;"
                 - grid-template-columns: "1fr"
               card:
                 - background: "none"
                 - box-shadow: "none"
                 - padding: "4%"
               custom_fields:
                 content1:
                   - display: "none"
                 content2:
                   - display: "block"
                   - align-self: "center"
                 content3:
                   - display: "none"
             extra_styles: |
               @media (max-width: 800px) {
                 #container {
                   grid-template-areas: "header" "content1" "buttons" "footer" !important;
                   grid-template-rows: 16vh 8vh 62vh 8vh !important;
                   grid-template-columns: 1fr !important;
                 }
                 #buttons {
                   display: block !important;
                   align-self: start !important;
                 }
                 #content1 {
                   display: none;
                 }
                 #content3 {
                   display: none;
                 }
             custom_fields:
               header:
                 card:
                   type: "custom:button-card"
                   template: "popup_list_3_items"
                   styles:
                     card:
                       - background: "none"
                   custom_fields:
                     item2:
                       card:
                         type: 'custom:decluttering-card'
                         template: popup-icon
                         variables:    
                           - template: "[[template]]"
                           - entity-1: "[[entity-1]]"
                           - name-1: "[[name-1]]"
                           - state-1: 'on'
                           - state-2: 'off'
               buttons:
                 card:
                   type: "custom:button-card"
                   template: "list_3_items"
                   styles:
                     card:
                       - background: "none"
                   custom_fields:
                     item2:
                       card:
                         type: custom:light-popup-card
                         entity: "[[entity-1]]"
                         fullscreen: false
                         hideIcon: true
                         hideState: true
                         borderRadius: "var(--popup-border-radius)"
                         brightnessHeight: 400px
                         brightnessWidth: 150px
                         switchHeight: 400px
                         switchWidth: 150px
                         switchColor: "rgba(var(--homekit-card-on), 0.9)"
                         switchTrackColor: "rgba(var(--homekit-popup-card-off), 0.6)"
               
  
               footer:
                 card:
                   type: "custom:button-card"  
                   template: "popup_list_2_items"
                   custom_fields:
                     item1:
                       card:
                         type: "custom:button-card"
                         template: "popup_button_back"
                     item2:
                       card:
                         type: "custom:button-card"
                         template: "popup_button_power"
                         entity: "[[entity-1]]"                       

Thanks

I donā€™t know if Iā€™m sure about this, but I think it has to do with the theme, not with this code. In my case I inserted a few lines in the theme about the browser_mod and it solved.

The information on how to style popups is all in the documentation, including the variables you can set at theme level

1 Like