when using the left / right buttons someone was able to call a popup with !include
Got it back working.
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Licht
card_mod:
style:
ha-dialog$: |
@media (min-width: 812px) {
div.mdc-dialog div.mdc-dialog__container {
--mdc-dialog-min-width: 80vw;
height: 80vh;
}
}
@media (min-width: 1400px) {
div.mdc-dialog div.mdc-dialog__container {
--mdc-dialog-min-width: 75vw;
height: initial;
}
}
1 Like
Ok I found it!
tap_action:
action: fire-dom-event
browser_mod:
command: call-service
service: browser_mod.popup
data:
content:
type: picture
image: local/door.jpg
title: DOOR
dismissable: false
timeout: 3000
style: |-
--popup-min-width: 500px; --popup-max-width: 670px;
--popup-border-radius: 10px;
--popup-background-color: black;
--popup-border-width: var(--ha-card-border-width, 10px);
right_button: NO
right_button_action:
service: browser_mod.close_popup
data:
browser_id: tablet_nappali
left_button: Door Open/Close!
left_button_action:
service: switch.toggle
service_data:
entity_id: switch.electrodragon_rele1
Hello.
Is there a possibility to query if Browser_mod has already opened a pop-up?
I have two competing pop-ups - 1 camera on doorbell and 2 automated text messages aud Homematic - and I would like to proirise by inserting the condition on the automation for 2: No browser_mod popup open.
Is this possible?
Many greetings,
Eckart
can someone help me how to use tts funtion on Browser mode media devices ?
I tried this but I cant see any feedback .
service: tts.google_say
data:
entity_id: media_player.xiaomi_pad_5
message: this is a test message
im not technical and yes im read the instructions and cant find where it mentions if this is possible
I want to be able to have the pop only open on the device its open for. Right now its opens on my Phone and Computer screen when use the pop up?
Is this possible? if so happy to re read on how to do this if someone can point me in the direction please?
Hi,
Updated to 2.1.2.
- The popup on mobile again not in full screen (in 2.1.1 it was full screen). Still not sure if it is good or bad
Was that the intention? - The padding issue on iOS/iPadOS is still not resolved. Not able constantly remove the top padding. It is not consistent. Please see below 2 screens of the same popup.
The good:
The bad:
I’m still stuck here. I get a empty popup. But I can’t get anything in the popup. Here I should get the camera.
alias: Test
description: ""
trigger:
- type: occupied
platform: device
device_id: 46132009415975647e3ab855e80f6342
entity_id: binary_sensor.deurbel_doorbell
domain: binary_sensor
condition: []
action:
- service: browser_mod.popup
data:
type: picture-entity
entity: camera.deurbel_high
size: normal
target:
device_id: 0c2fe81db57d37c67d44e16c43f532f8
mode: single
One question before I update:
So far I had the following in my configuration.yaml, because I basically do not want to have a lot of different browser IDs in HA, I just used to for some popup functionalities on buttons that should appear in every browser.
browser_mod:
prefix: "browser_mod_"
disable:
- all
Now in the update instructions I just see that I shall remove all yaml code, but there is no information if/how I can achieve what this yaml code did before (or I missed it). Would the same option now be available with the new integration?
In Browser Mod 2 you manually register only the browsers you want registered with a button click. And then you can give them a name immediately. All from the GUI.
1 Like
First error after HA restart:
Migration handler not found for entry Browser Mod for browser_mod
I´ve cleared cache (several times) , try different browsers Chrome, Opera, HA Companion), restart HA but not working 
Not even the basic one. Did I omint anything?
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
browser_ID: THIS
content:
type: entities
entities:
- light.terasa
- light.vchod
- light.garaz
1 Like
I’m just trying to figure out how to style the pop up? Does anyone have any examples how they did it? I’ve tried everything for the last hour and nothing is working.
Thanks all!!!
First line in installation instructions:
- First make sure you have completely removed any installation of Browser Mod 1
I.e. removebrowser_mod:from your configuration.yaml and delete the integration from the integrations page.
Thanx @thomasloven you are right as usuall. 
I uninstalled it, but left a line in the configuration.yaml. Once removed it works.
how did you get the blur effect in background?
I don’t see anything about commands in the readme. Will this still work in version 2? Or what do I need to change to make it work?
- type: custom:mushroom-template-card
primary: Monitor
icon: mdi:cog
picture: local/icons/custom_icons/data-storage.png
tap_action:
action: fire-dom-event
browser_mod:
command: commands
commands:
- command: navigate
navigation_path: /lovelace/monitor
- command: close_popup
Is this the new way?
- type: custom:mushroom-template-card
primary: Monitor
icon: mdi:cog
picture: local/icons/custom_icons/data-storage.png
tap_action:
action: call-service
service: browser_mod.sequence
data:
sequence:
- service: browser_mod.navigate
data:
path: /lovelace/monitor
- service: browser_mod.close_popup
Based on documentation the above way is the same as fire-dom-event in that it targets the browser that called it not all browsers?
see posts above:
or
For those interested in styling using card_mod. These are what I’m using below.
Hide header:
ha-header-bar$: |
.mdc-top-app-bar {
display: none !important;
}
Blur Background:
ha-dialog$: |
div.mdc-dialog__scrim {
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px) !important;
background-color: rgba(0,0,0,0.8) !important;
}
4 Likes
@sebbaT none of these works for me ( no blur effect)
service: browser_mod.popup
data:
card_mod:
style:
ha-dialog$: |
div.mdc-dialog__scrim {
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(50px) !important;
background-color: rgba(0,0,0,0.8) !important;
}
title: test
content:
type: horizontal-stack
cards:
- type: custom:mushroom-template-card