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

I donā€™t have an answer, but I do have a theory as well as a possible idea. The theory is that the popup is ā€œmodalā€ in programming speak this means that all other ā€œbackgroundā€ processing is paused as long as this popup is displayed. This is something I have seen many times before on other systems but I canā€™t be certain if that is what is happening. I would need to do some tests to see if thatā€™s whatā€™s happening. My idea is, could you create a dashboard page that gets loaded instead of the popup providing the functionality you need?

Thanks for the thoughtful reply.
Iā€™ve considered abandoning browser_mod and using a subview.
It would work.
But visually it would be suboptimal. Iā€™m certain it would work - but a popup would be preferred.

s.

Off topic, but the card is looking good!

1 Like

Iā€™m trying to take this and turn it into a kind of one script template for all of my cameras but the code below does not work. Can anyone see what Iā€™m doing wrong?

script.test_popup.yaml

alias: 'test popup tap action'
sequence:
  - service: browser_mod.popup
    data_template:
      deviceID: "{{ deviceID }}"
      title: []
    content:
      type: picture-entity
      entity: "{{ entityID }}"
      camera_view: live
    autoclose: true
    timeout: 7000
    #left_button: Left
    #right_button: Right
    size: wide #fullscreen, normal
    dismissable: true

Button card code:

tap_action:
  action: fire-dom-event
  browser_mod:
    command: call-service
    service: script.test_popup
    service_data:
      deviceID:
        - this
      entityID:
        - camera.entry_frigate    

Does anyone know if overflow: visible works inside a popup card.

i have a drop down menu, and I dont want to change the height of the pop card if I dont need to

Hello,

I know this post is old, but did you ever figure out a work around for this? Is there any other drop down card that have come out that will work in a POP up card?

No, never did find a solution, beyond making pop-ups full screen, or putting any dropdowns nearer the top.

Judging from the comment by Thomas (the browser-mod developer) in the now closed GitHub issue I linked to, overflowing dropdowns on a popup is something that just canā€™t be done.

Okay thanks for the reply. I tried messing around with the new bubble card as well, still no luck. Back to the drawing board for design lol

1 Like

Hello,

I just updated HA to 2024.4
My previous versoin was 2023.11

My pop up cards open full screen on my iphone now. Can someone tell me how to fix this?

They look fine in browser, but something changed with this update, and I cant stop it from going full screen

Hey Guys, trying to figure this out.
I have browser mod working for a pop-up camera when motion is detected.

What Iā€™m trying to do next is click on an entity/card in my dashboard that takes me to a view in browser mod and once Iā€™ve clicked on what I need, it should bring me back to my home screen.
How would I go about with this?

For reference here is my code of the fans button and the path for my view is

wall-test/fans

show_name: true
show_icon: true
type: button
tap_action:
action: call-service
service: browser_mod.popup
target:
device_id: c17146b5bec5c756372089eaced63a8a
data:
dismissable: true
autoclose: false
content: wall-test/fans
size: normal
entity: fan.fans
icon_height: 30px
hold_action:
action: none

Hi, as stated in How to help us help you - or How to ask a good question ā†’ Format it properly please use YAML proper code.
This is important to be able to help you.

f6be36681e0da431418ec7781fb6c62712941803

1 Like

Hi Everyone, I am new to this and just installed the the browser mod to create pop ups.

I was able to create a pop up but would like to know how to trigger it from a picture element card. Can you have different triggers for different pop ups?

That is something that change a long time ago. Since you skipped a few updates, you werenā€™t affected back then. You can use this fork someone else made, which fixes it all on mobile: GitHub - ve1koz111/hass-browser_mod: :small_blue_diamond: (MOBILE FIX) A Home Assistant integration to turn your browser into a controllable entity and media player

Add the repo as custom repo in HACS and download this version. Make sure you completely uninstall the old browser_mod from integration panel, then uninstall from HACS and restart Home Assistant.THEN install the new one and restart HA and add as integration again.

1 Like

Interesting, I hadnā€™t to run into this issue myself yet.

I didnā€™t find details on the surface about what all gets ā€œfixedā€. Do you know if this fork has any impacts on the experience outside of mobile?

Nope, all works great with this fork and fixes mobile to look the same as desktop like it was. Iā€™m using this for a few months now :slight_smile:

1 Like

Sweet, thanks!

Thanks @ASNNetworks I installed and it looks like it works partially from developer tools > services, but it asks for a target. The previous version didnā€™t require one. Is this correct? If I put a target it works. But the the target list is limited.

My response wasnā€™t directed to you? I replied to the user that mentioned it didnā€™t display properly on mobile devices, which this fork fixes. As far as I know it works identical as normal browser_mod 2 but with mobile popups fixed.

I donā€™t use targets with browser mod, only popups with button service calls via dashboard. So canā€™t help you with this.

Thanks! Thatā€™s what I am building up to. So I created a ā€œpop upā€ panel using the custom:popup-card card module.

How do I create a button to call up that card or and action if i am putting it on a picture element card. And does the card have to be on the same page?

You should check out the extensive read me on github, itā€™s all documented very well. Also there are examples in this thread if you lookup keywords like ā€œfire-domā€ (which is one of the codes).

I canā€™t write a step by step guid how to achieve what you want, especially since the information is there to pickup already :wink: