Yeh ive Cleard Cashe and tried all i can to see to that it should be all knew and dandy. But nothing is poping. So i wonderd if my code was wrong. hmmmm
With an iphone do the pop ups alwasy open full screen? Or is there a wasy to edit that so its just the card popping up;
Yes. In standard. As in old versions as well. You can try with the styles variables. Her Iām not sure, because I didnāt use them. But you can overwrite th behavior with card_mod since v2.1.1 again. But there you really should be able to read, find and adjust css. You can find an example in one of my posts above with media-queries.
When I do the āpopup min and max, how come it still opens full screen on my iPhone. The size changes on my computer browser just fine. But Iām trying to stop it from opening full screen on my iPhone. Is there something Iām missing?
im sure im missing something but in 1.x my popups had looked like this:
and now it looks like this:
why is no theme coming through?
1 Like
This way, you can bring it back as in v1.x. You have to adjust as you want.
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Licht
size: fullscreen
card_mod:
style:
.: |
.content {
--ha-card-box-shadow: 3px 3px 13px -6px rgba(17,35,52,1) !important;
}
3 Likes
TY! I think you should make this part more clear in the readme. i had to do this to make everything work.
Great that i found it here in the forum atleast. Ty Thomas.
I have an example of my working config :
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
content:
title: Where is Bob?
entities:
- person.bob
hours_to_show: 12
default_zoom: 14
dark_mode: false
aspect_ratio: 15.5:6.5
type: map
timeout: 10000
size: wide
1 Like
Hello,
Here is my situation : I have a laptop (running HA in the browser) and a tablet (running HA in the app).
I did the update to browser_mod 2 and when doing a test of a pop-up I get my pop-up on both machines :
But this thing in my automation doesnāt work :
- service: browser_mod.popup
data:
title: Someone is at the garage door
card:
entity: camera.fi9900ep_garage
type: picture-entity
camera_view: live
large: true
browser_id:
- laptop
What am I missing ?
Found it 
- service: browser_mod.popup
data:
title: Someone is at the garage door
content:
type: picture-entity
entity: camera.fi9900ep_garage
camera_view: live
large: true
browser_id:
- laptop
Popup: small for desktop with center align, fullscreen for mobile with top align (like browser mod 1.X):
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
card_mod:
style:
ha-dialog$: |
@media (max-width: 450px), (max-height: 500px) {
div.mdc-dialog div.mdc-dialog__container {
--mdc-dialog-min-height: 100vh;
--mdc-dialog-min-width: 100vw;
}
}
content: test
Popup: center small for desktop, bottom small for mobile
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: NAME
card_mod:
style:
ha-dialog$: |
@media (max-width: 450px), (max-height: 500px) {
div.mdc-dialog div.mdc-dialog__container {
align-items: end;
padding-bottom: 10px;
}
}
content: test
Popup: center small for desktops, top small for mobile (same as previous but at the top of the screen)
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: NAME
card_mod:
style:
ha-dialog$: |
@media (max-width: 450px), (max-height: 500px) {
div.mdc-dialog div.mdc-dialog__container {
align-items: start;
padding-top: 10px;
}
}
content: test
6 Likes
Trying to figure out the css here but this isnāt workingā¦ well the border radius isnāt workingā¦ any suggestions?
Thank you!
style: |-
--popup-border-radius: 1px;
--popup-background-color: #B33B00;
--popup-border-width: 0 !important;
Hi all, novice user from South Africa here - installed BroswerMod2 and can register the laptop I am using to login to HA - but cannot seem to find how to register my wall tablet that I am showing a dashboard on using Fully Kiosk.
How do I find/register that wall tablet ?
Thanks
Thanks for the reply, but this doesnāt seem to be working at all for me. Still opening up full screen on my iPhone. Any idea what I could have set wrong? I copied and pasted your code so I know that itās right.
Has anyone come up with a genius solution to refreshing Lovelace on tablets/iPads after a HA restart. Browser_mod loses connection upon HA restart.
1 Like
Those have zero effect for me as well. Iāve been trying to resize these popups for a while.
Is there a way to get rid of the little annoying icon in the bottom right corner of the screen after the v2 update?
I have a few wall mounted tablets with their screen always on and it keeps popping up
In my opinion keeping a full screen almost defeats the purpose. It looks exactly the same as creating a new page and just using the navigate function that comes without the hassle of installing browser mod. So I imagine there has to be a way that works for everyone. Just donāt know what it is lol
I upgraded my HA, and my browser mod. I configured it and get the popup when testing with call service. Previously I had a button that when pressed would bring up a popup that would then allow me to turn off/on other entitites (See below). Now it just brings up a blank popupā¦ am I missing something?
name: TV
styles:
card:
- border-radius: 8%
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
card_mod: null
hide_header: true
card:
type: custom:mod-card
card:
type: entities
entities:
- entity: switch.loft_harmony_play_xbox
name: Play XBOX
toggle: false
icon: mdi:microsoft-xbox
- entity: switch.loft_harmony_watch_movies_and_show
name: Watch TV
icon: mdi:television
toggle: false
Come on. There are already 1000 examples of this one above. Did you read any post, before asking?