🔹 Browser_mod - turn your browser into a controllable device, and a media_player

AwesomeGuyNamedMatt · July 28, 2023, 12:40am

I had an issue previously where I could not click on any popups. This was attributed to a change in Mushroom Cards after version 3.x. When I rolled back Mushroom cards to 2.8.x it restored functionality. Then I saw that Browser_Mod had an update and I tried it along with the most recent Mushroom card. I hopped that everything would work. I was wrong. Now there have been too many versions of Mushroom Card and Hacs won’t let me roll back to a 2.8.x version. I can only roll back to 3.0. How should I proceed?

-Edit
Updating to HA version 2023.7.3 and clearing the cache fixed the probleem.

-Edit 2
Android companion apps are not working but HA opened in a browser on Android does work…

1umnyy · July 29, 2023, 4:04pm

Hi guys. There was a problem, updated HA to 2023.7.3, and now the pop-up window works on the phone in fullscreen mode. How can I get it back so it’s not so big?

ASNNetworks · July 29, 2023, 7:30pm

Wait till it’s fixed.

Popup is stretched to the entire window in the android app home assistant · Issue #606 · thomasloven/hass-browser_mod (github.com)

1umnyy · July 29, 2023, 10:28pm

I found a solution, but I can’t figure out where to find this json file.

ASNNetworks · July 30, 2023, 12:05am

Since the changes are all only CSS, would’t it be possible to use card-mod theme variables for temporary workaround?

1umnyy · July 30, 2023, 7:16am

Unfortunately I can’t do it

Nettuno69 · August 4, 2023, 8:26am

Hi, I would like to create a tab to switch false or true on the “Hide header” function only for user XXX. How can I do?

ve1kozz111 · August 10, 2023, 4:54am

Any updates on the ios pop up bug? It’s been around for 3 weeks and i can’t imagine anyone using browser mod with it in the state it currently is. I see there’s a pull request but i’m not sure how to download/install that pull request using hacs into my HA setup. If someone has any ideas let me know please.

ve1kozz111 · August 14, 2023, 3:56am

I’ve fixed this and confirmed it on my own ios 16.6 HA 2023.8.2

Add GitHub - ve1koz111/hass-browser_mod: 🔹 (MOBILE FIX) A Home Assistant integration to turn your browser into a controllable entity and media player as a custom repository.

Uninstall old browser mod ‘ignoring’ entities, and reinstall from this repository until a proper fix is made.

YOU MUST RESET FRONTEND CACHE ON YOUR DEVICE FOR THIS TO WORK.

If rounded corners are not working for you add this to your CSS:

–ha-dialog-border-radius: var(–popup-border-radius, 28px);

teh_dk · August 27, 2023, 2:16am

Were you able to figure this out?

dev0 · August 27, 2023, 6:26pm

I installed browser_mod primarily for the purpose of hiding the top bar on some of my dashboards. I choose it over other solutions that could do that because it seemed the most useful otherwise. However, it seems like it’s not possible to hide the top bar just for some specific dashboards. Am I missing something or can I in deed only configure browser_mod on a per user and per browser setting?

Rudd-O · August 29, 2023, 12:24am

Only per user and per browser, not per dashboard. For a per dashboard solution you’ll have to write a bit of custom JS or include a custom CSS.

ibcm123 · September 1, 2023, 11:29am

Hello!
I’m rather new to homeassistant and also to browser_mod. I’m trying to create a PIN code entry page, to lock some dashboards.
So I created a PIN code button-field and I’d love it to be shown in a popup window.

I created a button with the following tap_action to call the popup:

tap_action:
  action: call-service
  service: browser_mod.popup
  service_data:
    title: Gebe deinen PIN ein
    card:
      type: vertical-stack
      cards:
        - type: horizontal-stack
          cards:
            - type: button
              show_icon: true
              icon: mdi:numeric-1-box-outline
              show_name: false
              tap_action:
                action: call-service
                service: script.turn_on
                service_data:
                  entity_id: script.add_one_to_password
            - type: button
              show_icon: true
              icon: mdi:numeric-2-box-outline
              show_name: false
              tap_action:
                action: call-service
                service: script.turn_on
                service_data:
                  entity_id: script.add_two_to_password
            - type: button
              show_icon: true
              icon: mdi:numeric-3-box-outline
              show_name: false
              tap_action:
                action: call-service
                service: script.turn_on
                service_data:
                  entity_id: script.add_three_to_password

this is only the 3 buttons of the first row, because in this way it’s less code to show you.

The problem is, that the popup shows only the title. nothing else, not a single button.
The code works right, when i use it in a dashboard. this is the working PIN code field in a dashboard:

pin_code

I really hope you can help me, I’m trying for many hours meanwhile

ibcm123 · September 1, 2023, 11:40am

this is what i get, when i launch the popup, couldn’t put the second picture to my post because of my new-user-state.
popup_fail

there is no error message, the only thing is, the code buttons are not shown.

Nick4 · September 1, 2023, 12:36pm

Hi, welcome to the forum!

I already wrote the ‘reason’/solution in this topic: custom button card

ASNNetworks · September 1, 2023, 12:56pm

I wouldn’t use browser_mod for that. When I used browser_mod to hide the header, it also cut a part settings page and stuff outside of dashboard.

Kiosk_mode is a far better option, that you can also use per dashboard settings and change more stuff what to hide including more-info dialog headers.

You can find it through HACS, more info: NemesisRE/kiosk-mode: Hides the Home Assistant header and/or sidebar (github.com)

ibcm123 · September 1, 2023, 1:18pm

Thank you very much for your quick response!
If I understand you correctly, the solution would be not to use button cards in the popup and instead use custom:button-cards, is that correct?
I’ve tried that, but unfortunately, it has no effect. I still don’t see anything displayed except for “title.”

tap_action:
  action: call-service
  service: browser_mod.popup
  service_data:
    title: Gebe deinen PIN ein
    card:
      type: vertical-stack
      cards:
        - type: entity
          name: enter secret code
          entity: input_text.password_enter
          icon: mdi:radioactive
        - type: horizontal-stack
          cards:
            - type: custom:button-card
              show_icon: true
              icon: mdi:numeric-1-box-outline
              show_name: false
              tap_action:
                action: call-service
                service: script.turn_on
                service_data:
                  entity_id: script.add_one_to_password
            - type: custom:button-card
              show_icon: true
              icon: mdi:numeric-2-box-outline
              show_name: false
              tap_action:
                action: call-service
                service: script.turn_on
                service_data:
                  entity_id: script.add_two_to_password
            - type: custom:button-card
              show_icon: true
              icon: mdi:numeric-3-box-outline
              show_name: false
              tap_action:
                action: call-service
                service: script.turn_on
                service_data:
                  entity_id: script.add_three_to_password

I’ve also tried it with “entities” instead using buttons or custom:button-cards, but they are not displayed either.

Nick4 · September 1, 2023, 4:16pm

Yes, it worked before with standard buttons but for some reason, starting with certain update, using custom buttons was the solution.

That’s because your code for the browser_mod.pop is not correct

From one of my working examples:

show_name: false
show_icon: true
type: button
tap_action:
  action: fire-dom-event
  browser_mod:
    service: browser_mod.popup
    data:
      title: Switches
      content:
        type: vertical-stack
        cards:
          - show_name: true
            show_icon: true
            type: custom:button-card
            tap_action:
              action: toggle
            entity: input_boolean.kitchenlightstayon
            name: Kitchen ON
            color: auto
            state:
              - value: 'on'
                color: rgb(255,193,7)

ibcm123 · September 1, 2023, 6:00pm

I’ve adjusted my code following your example, and it works! Thank you very, very much for the help, and have a great weekend!

jouster · September 1, 2023, 9:46pm

managed to fix the issue with the header not being hidden on FKB on two tablets…clearing cash and restrting FKB fixed that so thank you for the mentions above.

NOw there is one thing I am missing quite a bit since I recently upgraded from 2023.1 to 2023.8.

The ability so slide the sidebar from the left of the browser window (this is on a Windows 10 browser)

It still works on my IOS companion app…and when I check a snapshot, it still works on 2023.3…in fact I remember when 2023.4 first came out, I updated and this breaking was enough for me to initially wind things back…

For info, I am running the latest browser mod integration, 2.30, and the latest HASS of 2023.8.4