post the card yaml, and the popup yaml, i’ll take a look just incase of a error.
try with variable ulm_custom_card_andyblac_room_use_small_room_icon: true see if looks better
I made it a variable so you can make all room icons the same size.
1 Like
type: vertical-stack
view_layout:
grid-area: sidebar
cards:
- type: custom:stack-in-card
mode: vertical
cards:
- type: custom:state-switch
entity: mediaquery
states:
"(max-width: 800px)":
type: custom:clock-weather-card
entity: weather.home
locale: it-IT
date_pattern: ccc, DDD
animated_icon: true
hide_forecast_section: true
use_browser_time: true
card_mod:
style: |
ha-card {
height: 110px !important;
}
.card-content {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
- type: custom:state-switch
entity: mediaquery
states:
"(min-width: 800px)":
type: custom:clock-weather-card
entity: weather.home_2
locale: it-IT
date_pattern: ccc, DDD
animated_icon: true
hide_forecast_section: true
use_browser_time: true
card_mod:
style: |
.card-content {
margin-top: -10px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
- type: custom:state-switch
entity: mediaquery
states:
"(min-width: 800px)":
type: custom:hourly-weather
entity: weather.home
num_segments: 8 # optional, defaults to 12
label_spacing: 1
# offset: "{{ 24 - now().hour }}"
name: "" # optional, defaults to "Hourly Weather"
# show_wind: true
show_precipitation_amounts: true
show_precipitation_probability: true
card_mod:
style: |
ha-card {
height: 140px !important;
}
.card-content {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
- type: custom:state-switch
entity: mediaquery
states:
"(min-width: 1200px)":
type: custom:clock-weather-card
entity: weather.home
sun_entity: sun.sun
forecast_rows: 7
locale: it-IT
hide_today_section: true
card_mod:
style: |
.card-content {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
- type: horizontal-stack
cards:
- type: custom:button-card
template: custom_card_andyblac_scene
entity: scene.good_mornig
variables:
ulm_custom_card_andyblac_scene_color: yellow
- type: custom:button-card
template: custom_card_andyblac_scene
entity: scene.good_night
variables:
ulm_custom_card_andyblac_scene_color: blue
- type: horizontal-stack
cards:
- type: custom:button-card
template: custom_card_andyblac_person
entity: person.peppo
variables:
ulm_card_person_use_entity_picture: true
ulm_address: person.peppo
#ulm_card_person_eta: sensor.andys_iphone_icloudv3_zone_distance
battery:
entity_id: sensor.m12t_pro_battery_level
- type: custom:button-card
template: custom_card_andyblac_person
entity: person.isilvana
variables:
ulm_card_person_use_entity_picture: true
#ulm_card_person_icon: mdi:face-woman
ulm_address: person.isilvana
#ulm_card_person_eta: sensor.christines_iphone_icloudv3_zone_distance
#battery:
# entity_id: sensor.christines_iphone_icloudv3_battery
- type: horizontal-stack
cards:
- type: custom:button-card
entity: alarm_control_panel.alarmo
template:
- custom_card_andyblac_status
variables:
button:
popup_title: "Security"
popup_content: !include popups/security.yaml
templates:
- custom_popup_andyblac_tap
- type: custom:button-card
entity: binary_sensor.termostato_bagno_valve_state
template:
- custom_card_andyblac_status
variables:
button:
tap_action:
action: navigate
navigation_path: "ui_lovelace_minimalist/dashboard/view/security.yaml"
- type: horizontal-stack
cards:
- type: custom:button-card
entity: sensor.number_of_lights_on
template:
- custom_card_andyblac_count_info
- custom_popup_andyblac_tap
variables:
ulm_custom_card_andyblac_count_info_color_on: yellow
popup_title: "Lights"
popup_content: !include popups/lights.yaml
# hold_action:
# action: navigate
# - type: custom:button-card
# entity: sensor.number_of_sockets_on
# template:
# - custom_card_andyblac_count_info
# - custom_popup_andyblac_tap
# variables:
# ulm_custom_card_andyblac_count_info_color_on: blue
# popup_title: "Sockets"
# popup_content: !include popups/sockets.yaml
# # hold_action:
# # action: navigate
- type: custom:button-card
entity: sensor.number_of_doors_open
template:
- custom_card_andyblac_count_info
- custom_popup_andyblac_tap
variables:
ulm_custom_card_andyblac_count_info_color_on: blue
popup_title: "Doors"
popup_content: !include popups/doors.yaml
- type: custom:button-card
entity: sensor.number_of_windows_open
template:
- custom_card_andyblac_count_info
- custom_popup_andyblac_tap
variables:
ulm_custom_card_andyblac_count_info_color_on: blue
popup_title: "Windows"
popup_content: !include popups/windows.yaml
# - type: custom:button-card
# entity: sensor.number_of_doors_open
# # aspect_ratio: "1/1"
# show_icon: true
# show_label: false
# show_name: false
# tap_action:
# action: "more-info"
# entity: "[[[ return entity.entity_id; ]]]"
# styles:
# img_cell:
# - justify-content: start
# - left: "-20%"
# - top: "20%"
- type: custom:button-card
entity: sensor.number_of_motion_detected
template:
- custom_card_andyblac_count_info
- custom_popup_andyblac_tap
variables:
ulm_custom_card_andyblac_count_info_color_on: blue
popup_title: "Motion"
popup_content: !include popups/motion.yaml
- type: custom:button-card
entity: sensor.devices_with_low_battery
template:
- custom_card_andyblac_count_info
- custom_popup_andyblac_tap
variables:
ulm_custom_card_andyblac_count_info_color_on: blue
popup_title: "Low Batteries"
popup_content: !include popups/battery.yaml
type: custom:auto-entities
card:
type: entities
show_header_toggle: true
state_color: true
card_mod:
style: |
ha-card {
--ha-card-background: none;
box-shadow: none;
}
.card-content {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
show_empty: false
filter:
template: |
{% for entity in state_attr('sensor.number_of_lights_on','entities') %}
{{ entity.entity_id }}
{% endfor %}
sort:
method: friendly_name```
It is much better. but it still seems a little low
it is centred within the circle, it just that the left edge and the bottom of the outer is cut off, do yu want it reduced more ?
looks fine to me, it must be an issue with browser_mod and android, does it work ok in your pc/mac browser ?
it’work with my MacBook, don’t work on m12t_pro and iPhone 7 plus.
on Android tablet work
it’s ok for me
thats strange, can you try in safari on iphone, works fine here on my iPhone XR in the HA app
ok i’ll leave for now then see what others say.
It doesn’t work on safari or on the app
very strange. report the issue in broswer_mod git.
what do you think about adding the possibility of making the room icon turn off (-light) when no entity/sensor are active … and illuminated when someone is active?
1 Like
This could be a pretty option - i like the idea!
so basicaly, you would like a on color variable for the room icon, so when the room has a main entity, it can switch between on and off colour state? and for the above you would set the main room entity to a motion sensor ?
1 Like
yes a color variable to make the room light up if any entity or sensor (light/motion/thermostat/door…) is active.
1 Like
and want it to go full brightness like the current sensor icons ?
Is it possible to make a new variable ulm_custom_card_andyblac_room_use_medium_label_font: true ?
I need a smaller font-size or an optional second label-line. The third sensor value isn´t shown correctly…
Another idea to get more space - any possibility to shorten the other values in frontend?
Thanks!
yes, full brightness likes Is ok