Wonder if itās possible to downgrade ?
yes you can, I just downgraded to 1.5.3 version to avoid the interaction icon
Team, I`m using 1.5.3 version ( to avoid interaction icon which breaks my layout on my tablet ) and using Browser_mod to show front door video stream on tablet when somebody rings. The stream works fine but when I call to close POP window I get āthis entity is unavailableā
Anyone know what could be causing this?
@thomasloven should I report this on GitHub as an issue?
Thanks for the wonderful integration btw, reaaaallllllly appreciate your work!!
How can i make a popup centered height-wise on my mobile screen? See picture
Im not that familier with css etc so im a little bit useless in figuring that outā¦
Downgrading resolved all my issues. Very happy and glad I did so. Everything working reliably again.
my pop up card isnt working can anyone point me in the right direction please?
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Velux Windows & Blinds
card_mod:
style:
hui-vertical-stack-card:
$hui-entities-card$: |
#states {
padding-top: 0.5em;
padding-bottom: 0em;
}
content:
type: vertical-stack
cards:
- type: custom:mushroom-cover-card
show_position_control: true
show_buttons_control: true
entity: cover.all_kitchen_windows
actionsInARow: 3
sliderService: cover.set_cover_position
- type: custom:mushroom-cover-card
show_position_control: true
show_buttons_control: true
entity: cover.all_kitchen_blinds
fullscreen: true
actionsInARow: 3
sliderService: cover.set_cover_position
- type: custom:mushroom-cover-card
show_position_control: true
show_buttons_control: true
entity: cover.velux_window_3
fullscreen: true
actionsInARow: 3
sliderService: cover.set_cover_position
- type: custom:mushroom-cover-card
show_position_control: true
show_buttons_control: true
entity: cover.velux_window_2
fullscreen: true
actionsInARow: 3
sliderService: cover.set_cover_position
- type: custom:mushroom-cover-card
show_position_control: true
show_buttons_control: true
entity: cover.velux_window
fullscreen: true
actionsInARow: 3
sliderService: cover.set_cover_position
- type: custom:mushroom-cover-card
show_position_control: true
show_buttons_control: true
entity: cover.velux_internal_cover_2
fullscreen: true
actionsInARow: 3
sliderService: cover.set_cover_position
- type: custom:mushroom-cover-card
show_position_control: true
show_buttons_control: true
entity: cover.velux_internal_cover_3
fullscreen: true
actionsInARow: 3
sliderService: cover.set_cover_position
- type: custom:mushroom-cover-card
show_position_control: true
show_buttons_control: true
entity: cover.velux_internal_cover
fullscreen: true
actionsInARow: 3
sliderService: cover.set_cover_position
So to add it pops up but nothing is displayed (empty box) it used to work on v1 i could control my windows etc.
Your code isnāt correct. You have content as a card_mod option like style. It needs to be to the left, rigt under title and card_mod
Like in the example in the docs: GitHub - thomasloven/hass-browser_mod: š¹ A Home Assistant integration to turn your browser into a controllable entity and media player
1 Like
perfect got it working - THANK YOU
any idea how to have it not transparent ?
You either need to change your theme settings, or add popup styling to either your theme, or through card_mod.
Also in the docs: hass-browser_mod/popups.md at c46fcf222bb9b8a893af9d5f0612576359e24f10 Ā· thomasloven/hass-browser_mod Ā· GitHub
thanks
ive tried
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Velux Windows & Blinds
card_mod:
style:
hui-vertical-stack-card:
$hui-entities-card$: |
#states {
padding-top: 0.5em;
padding-bottom: 0em;
background: #00809e;
opacity: 0.9;
}
content:
type: vertical-stack
cards:
- type: custom:mushroom-cover-card
show_position_control: true
show_buttons_control: true
entity: cover.all_kitchen_windows
and
title: Velux Windows & Blinds
card_mod:
style:
ha-dialog$: |
div.mdc-dialog div.mdc-dialog__scrim {
background: rgba(0, 128, 128, 0.9);
# $hui-entities-card$: |
# #states {
# padding-top: 0.5em;
# padding-bottom: 0em;
# background: #00809e;
# opacity: 0.9;
}
content:
but doesnt seem to work
Please post (and change your last post as well) code with code function. Either with funktion in toolbar I editor or with three starting and ending quotes.
This way
Scroll up a few posts and you will find the solution.
1 Like
done and changed
Easiest solution is to add it to you theme.yaml:
popup-background-color: '#E0E0E0'
Change to color of your liking and make sure you reload the theme service and refresh dashboard.
Alright, I will try asking this question again since noone seem to be able to answer or accomplish this.
How can I configure a service utilizing browser_mod that can be called with the call-service-function?
The following example does not seem to work and I donāt understand why. Can anyone please share some insight? (Iāve tried browser_mod.console too, and although I can make everything work from the UI/Lovelace it doesnāt work as a service.)
popup_test:
alias: Popup Test
sequence:
- service: browser_mod.popup
data:
content: Test
title: Test
using card_mod on a picture card like
- type: picture-entity
card_mod:
style: |
ha-card {
{{'filter: invert(100%)' if is_state('binary_sensor.dark_outside','on')
else 'filter: none'}} ;
}
show_state: false
show_name: false
entity: camera.weer_roosendaal
works fine in the main view. since its a mainly white card, it turns it into a nice dark card when the sun is set.
however, clicking it to expand it in the more-info brings back the original white card.
Can Browser-mod somehow help me out here? Using yaml, how would I go about doing so?
I did manage to do:
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
content:
type: picture-entity
card_mod:
style: |
ha-card {
{{'filter: invert(100%)' if is_state('binary_sensor.dark_outside','on')
else 'filter: none'}} ;
}
show_state: false
show_name: false
entity: camera.weer_roosendaal
which opens up the same card (so not really expanded), and when clicking that, it expands and turns white againā¦
would appreciate any help, thanks
Yes, this is how you exclude browser_mod events from the logbook:
logbook:
exclude:
entity_globs:
- binary_sensor.bbbbbb12345_bbb12345*
- sensor.bbb12345_bbb12345*
- light.bbb12345_bbb12345*
- media_player.bbb12345_bbb12345*
1 Like