Hi guys,
I use an Ipad Pro 12.9 inches on the wall. The pop function is currently not working on all of my IOS devices. No matter which button I press, nothing happens. If I do this on the PC via Firefox, it works.
Does somebody has any idea?
how do you call the popups?
which pop function do you mean?
for example:
sidebar_vacuum.yaml:
action: fire-dom-event
browser_mod:
command: popup
title: Staubsauger
style:
.: |
:host .content {
width: calc(385px + 300px + 300px);
max-width: 90vw;
}
layout-card$grid-layout:
$: |
hui-vertical-stack-card {
animation: border 1s forwards;
}
@keyframes border {
0%, 100% {
border-right: 1.5px solid rgba(0, 0, 0, 0.2);
}
}
/* phone */
@media screen and (max-width: 800px) {
hui-vertical-stack-card {
border-bottom: 1.5px solid rgba(0, 0, 0, 0.2);
padding-right: 0;
animation: none;
}
}
$hui-vertical-stack-card:
$: |
hui-horizontal-stack-card {
padding: 0em 2em 2.3em 2em;
}
$hui-entities-card$: |
.card-content {
padding: var(--card-content-padding);
}
$hui-horizontal-stack-card$: |
#root {
justify-content: space-evenly;
}
$hui-picture-elements-card$: |
#root {
animation: fadein 0.9s both;
}
@keyframes fadein {
0% {
opacity: 0;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
card:
type: custom:layout-card
layout_type: custom:grid-layout
layout:
grid-template-columns: 385px repeat(2, 300px)
grid-template-rows: 1fr
grid-template-areas: |
"info map map"
mediaquery:
#phone
"(max-width: 800px)":
grid-template-columns: 1fr
grid-template-rows: repeat(2, 1fr)
grid-template-areas: |
"info"
"map"
cards:
#################################################
# #
# Einstellungen #
# #
#################################################
- type: vertical-stack
cards:
- type: entities
view_layout:
grid-area: info
title: Einstellungen
card_mod:
class: header
entities:
- entity: sensor.roborock_state
- entity: sensor.roborock_last_clean
- type: custom:bar-card
width: 55%
height: 2em
decimal: 0
unit_of_measurement: '%'
positions:
icon: outside
indicator: 'off'
name: outside
severity:
- color: '#303435'
from: 11
to: 100
- color: '#6d2525'
from: 0
to: 10
entity_row: true
entities:
- entity: vacuum.roborock_vacuum_s5
attribute: battery_level
name: Batterie
icon: mdi:battery
- entity: sensor.template_vacuum_filter
- entity: sensor.template_vacuum_mainbrush
- entity: sensor.template_vacuum_sidebrush
- entity: sensor.template_vacuum_sensors
- entity: input_select.fan_speed
- type: horizontal-stack
cards:
- type: custom:button-card
entity: vacuum.roborock_vacuum_s5
icon: mdi:play-pause
tap_action:
action: call-service
service: >
[[[
return entity.state === 'docked' || entity.state === 'paused'
? 'vacuum.start'
: 'vacuum.pause';
]]]
service_data:
entity_id: >
[[[ return entity.entity_id; ]]]
template: icon_only
- type: custom:button-card
entity: vacuum.roborock_vacuum_s5
icon: mdi:battery-charging
tap_action:
action: call-service
service: vacuum.return_to_base
service_data:
entity_id: >
[[[ return entity.entity_id; ]]]
template: icon_only
- type: custom:button-card
icon: mdi:map-marker-question
tap_action:
action: call-service
service: vacuum.locate
service_data:
entity_id: vacuum.roborock_vacuum_s5
template: icon_only
#################################################
# #
# Karte #
# #
#################################################
- type: picture-elements
title: Karte
view_layout:
grid-area: map
image: /local/transparent_1to1.png
card_mod:
class: header
style: |
#root {
animation: fade 1s both;
}
.card-header {
margin: -0.05em 0 0 0.75em;
}
@keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
elements:
- type: image
image: /local/rob.png
title: null
style:
top: 60%
left: 50%
width: 100%
cursor: default
background-position: center
background-repeat: no-repeat
background-size: cover
- type: custom:button-card
name: Esszimmer
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.esszimmer
show_label: false
show_icon: false
styles: &button-card-styles
card:
- padding: 3em
- background: none
name:
- font-size: 0.9em
- letter-spacing: 0.003em
- color: '#aeb0b0'
- background: '#191c1d80'
- padding: 0.48em 0.78em 0.48em 0.78em
- border-radius: 0.6em
- overflow: visible
style:
left: 80%
top: 35%
- type: custom:button-card
name: Spielzimmer
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.kinderzimmer
show_label: false
show_icon: false
styles: *button-card-styles
style:
left: 53%
top: 82%
- type: custom:button-card
name: Wohnzimmer
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.wohnzimmer
show_label: false
show_icon: false
styles: *button-card-styles
style:
left: 80%
top: 75%
- type: custom:button-card
name: Küche
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.kueche
show_label: false
show_icon: false
styles: *button-card-styles
style:
left: 53%
top: 38%
- type: custom:button-card
name: Bad
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.badezimmer
show_label: false
show_icon: false
styles: *button-card-styles
style:
left: 33%
top: 38%
- type: custom:button-card
name: Gästezimmer
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.schlafzimmer
show_label: false
show_icon: false
styles: *button-card-styles
style:
left: 20%
top: 82%
- type: custom:button-card
name: Flur
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.flur
show_label: false
show_icon: false
styles: *button-card-styles
style:
left: 43%
top: 57%
- type: custom:button-card
name: Eingang
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.eingang
show_label: false
show_icon: false
styles: *button-card-styles
style:
left: 12%
top: 58%
in lovelace:
- type: vertical-stack
view_layout:
grid-area: sidebar
cards:
- type: custom:button-card
entity: sensor.template_sidebar
template: sidebar_template
- type: grid
cards:
- type: button
icon: custom:roborock-vacuum
tap_action:
!include popup/sidebar_vacuum.yaml
hold_action:
action: none
looks fine
anything in the logs?
did you cleaned the cache of the ios App?
yes i do. I also try a reset in the App, but dosent work.
As I said, strangely enough things are normal in Firefox.
Iphone and Ipad dosent work.
strange.
did you tried to remove the styles? maybe something in the styles is causing the issue?
HI, I’ve used the safari for a few weeks now, so it works without any problems. I now strongly suspect that it is due to the APP.
Hasn’t any other problem with it?
Hi,
In my case, it is the opposite, it works well on the app but not on any Internet browser. But strangely it was working before on browser. And cannot figure out what is reason. I have cleaned browser cash but still no change.
Any suggestions?
Thanks