video tutorial of this repository, I would appreciate it
1 Like
HI @DBuit, I don’t see the icon for turn on/off the climate…
popup_cards:
climate.condizionatore_ale:
card:
entity: climate.condizionatore_ale
type: 'custom:thermostat-popup-card'
style:
'--iron-icon-fill-color': '#FFF'
title: Condizionatore Ale
I am having this same issue, have you found a way to fix it yet?
Unfortunately not…
Have you tried:
supportedFeaturesTreshold: 1
Yes I have tried your fix but no go… Still only on/off switch for my shelly dimmers!
Maybe problem is when light is off for this light entity there is no brightness attribute present. When I turn light on there is brightness value under attributes…
Maybe someone with Shelly dimmer can share configuration for this custom light popup card…
Hi man,
try setting the supportedFeaturesTreshold to -1 than it is always a dimmer
In reference to the thermostat popup. I have it working other than the modes. I installed via HACS. I can change the temp but there are no visible mode icons at the bottom. Also, If i set the settings to true. I can open the setting but the modes in the dropdown box are not showing but are selectable. In other words, it seems to be a color issue with the font. Where can i change the icon color on the thermostat modes? I’m using these popup cards in the Homekit -panel-card.Any help is greatly appreciated. Thanks for all your hard work @DBuit
background: var(--background-image)
views:
- panel: true
path: homekit
theme: ios-dark-mode-light-blue
title: Homekit
badges: []
cards:
- enableColumns: true
home: false
horizontalScroll: true
rows:
- columns:
- column: 0
entities:
- entities:
- entity: light.front_foyer_chandelier
icon: 'mdi:led-strip-variant'
name: Entry Chandalier
statePositionTop: true
popup:
brightnessHeight: 350px
brightnessWidth: 130px
scenesInARow: 2
supportedFeaturesTreshold: -1
switchHeight: 300px
switchWidth: 110px
type: 'custom:light-popup-card'
title: Entry
- column: 1
entities:
- entities:
- entity: light.kitchen_main_lights
name: Kitchen
statePositionTop: true
- entity: light.entry_main_lights
name: Kitchen Entry
popup:
brightnessHeight: 350px
brightnessWidth: 130px
scenesInARow: 2
supportedFeaturesTreshold: -1
switchHeight: 300px
switchWidth: 110px
type: 'custom:light-popup-card'
title: Kitchen
tileOnRow: 2
- column: 2
entities:
- entities:
- entity: light.dining_room_pendants
popup:
brightnessHeight: 350px
brightnessWidth: 130px
scenesInARow: 2
supportedFeaturesTreshold: 0
switchHeight: 300px
switchWidth: 110px
type: 'custom:light-popup-card'
title: Dining room
tileOnRow: 1
- column: 3
entities:
- entities:
- entity: media_player.office
- entity: media_player.back_patio
- entity: media_player.living_room_sonos
popup:
actions:
- icon: 'mdi:skip-previous'
name: previous
service: media_player.media_previous_track
service_data:
entity_id: this
color: '#8BCBDD'
- icon: 'mdi:play-pause'
name: play/pause
service: media_player.media_play_pause
service_data:
entity_id: this
color: '#8BCBDD'
- icon: 'mdi:skip-next'
name: next
service: media_player.media_previous_track
service_data:
entity_id: this
color: '#8BCBDD'
sliderHeight: 350px
sliderWidth: 150px
type: 'custom:media_player-popup-card'
title: Sonos
- column: 3
entities:
- entities:
- entity: climate.main_floor_1
name: 1st Floor Thermostat
popup:
type: 'custom:thermostat-popup-card'
settings: true
title: 1st Floor
tileOnRow: 1
rules: >
{% if "Vandaag" in states('sensor.blink_gft') %} <li>Vandaag groenebak
aan de straat</li> {% endif %}
{% if "Vandaag" in states('sensor.blink_papier') %} <li>Vandaag
oudpapier aan de straat</li> {% endif %}
{% if "Vandaag" in states('sensor.blink_pmd') %} <li>Vandaag plastic
aan de straat</li> {% endif %}
{% if "Vandaag" in states('sensor.blink_restafval') %} <li>Vandaag
grijzebak aan de straat</li> {% endif %}
{% if states('sensor.current_lights_on') | float > 0 %}
<li>{{states('sensor.current_lights_on')}} lampen aan</li> {% endif %}
{% if states('sensor.current_media_players_on') | float > 0 %}
<li>{{states('sensor.current_media_players_on')}} Sonos</li> {% endif
%}
statePositionTop: true
title: Home
type: 'custom:homekit-card'
useBrightness: true
useTemperature: true
@arasco85 @juanraesalua @aledebla03 and everyone else who uses the thermostat card.
I just updated the card with a fix for the mode buttons that are not showing.
2 Likes
Hello everyone,
If you use any of the pop-up cards they are all updated with some icon fixes.
For the media player and cover pop-up i added that you can already see the volume/position while sliding.
Check my github to see the cards: https://github.com/DBuit?tab=repositories
1 Like
hi,when updating the card you received this error in the log:
Logger: hacs.repository.plugin.DBuit.light-popup-card
Source: custom_components/hacs/repositories/helpers/methods/installation.py:17
First occurred: 11:39:16 (1 occurrences)
Last logged: 11:39:16
‘install’ is deprecated, use ‘async_install’ instead
Thank you!! This fixed the icons changing color when turning the light/speaker on. Thank you very much!
Thanks man,
it worked with your fix and
supportedFeaturesTreshold: -1
this is picture from my mobile and HomeAssistant app, from Tablet is even better there the light icon switch to yellow when dimmer is on (on my mobile not and I don’t know why).
@DBuit do you know how to get all the homekit cards on the screen on my tablet (mobile also). The view is set to panel mode but only some cards are shown not all of them and I can’t scroll down to see all the cards.
@DBuit here is my lovelace configuration for Homekit views:
- title: Control lights
icon: 'mdi:home-lightbulb-outline'
panel: true
cards:
- type: picture-elements
image: /local/ui2/floorplan/blurredFloorplan.png
style: |
ha-card {
background: rgba(42, 46, 48, 1)
}
elements:
#################################################################
# #
# Homekit Styled Card: #
# https://github.com/DBuit/Homekit-panel-card #
# #
#################################################################
- enableColumns: true
popup:
brightnessHeight: 350px
brightnessWidth: 130px
scenesInARow: 2
switchHeight: 300px
switchWidth: 110px
type: 'custom:light-popup-card'
rows:
- columns:
- column: 1
entities:
- entities:
- entity: light.shelly_shdm_1_db3e78
icon: 'mdi:spotlight-beam'
name: Spotice
popup:
brightnessHeight: 350px
brightnessWidth: 130px
scenesInARow: 2
supportedFeaturesTreshold: -1
switchHeight: 300px
switchWidth: 110px
entity: light.shelly_shdm_1_db3e78
type: 'custom:light-popup-card'
- entity: light.living_room_ledr
icon: 'mdi:led-strip-variant'
name: LED traka
- entity: light.block_lamp
icon: 'mdi:lamp'
name: Blok
- entity: light.flos_lamp
icon: 'mdi:floor-lamp-variant'
name: Flos
- entity: light.tv_led
icon: 'mdi:led-strip-variant'
name: TV LED
title: Dnevni
tileOnRow: 2
- column: 3
entities:
- entities:
- entity: light.shelly_shsw_25_98f4abf2cb95_1
icon: 'mdi:spotlight-beam'
name: Spotice
- entity: light.living_room_ledl
icon: 'mdi:led-strip-variant'
name: LED traka
- entity: light.shelly_shsw_25_98f4abf2cb95_2
icon: 'mdi:ceiling-light'
name: Enigma
title: Blagovaonica
tileOnRow: 1
- column: 3
entities:
- entities:
- entity: light.shelly_shsw_1_68bf12
icon: 'mdi:spotlight-beam'
name: Spotice
- entity: switch.sonoff_10004f5b71 #light.kitchen_led
icon: 'mdi:led-strip-variant'
name: LED traka
- entity: light.shelly_shsw_1_8caab5060e1c
icon: 'mdi:ceiling-light'
name: Bell
title: Kuhinja
tileOnRow: 1
- column: 4
entities:
- entities:
- entity: light.office_led
icon: 'mdi:led-strip-variant'
name: LED traka
title: Ured
tileOnRow: 1
row: 1
- columns:
- column: 1
entities:
- entities:
- entity: light.shelly_shdm_1_d48400
icon: 'mdi:spotlight-beam'
name: Spotice
popup:
brightnessHeight: 350px
brightnessWidth: 130px
scenesInARow: 2
supportedFeaturesTreshold: -1
switchHeight: 300px
switchWidth: 110px
entity: light.shelly_shdm_1_d48400
type: 'custom:light-popup-card'
title: Hodnik
# tileOnRow: 2
- column: 2
entities:
- entities:
- entity: light.shelly_shsw_1_e098068ce4be
icon: 'mdi:ceiling-light'
name: Mala
- entity: light.shelly_shsw_1_8caab5055136
icon: 'mdi:ceiling-light'
name: Velika
title: Kupaonice
tileOnRow: 1
- column: 3
entities:
- entities:
- entity: light.shelly_shsw_1_e098068ceb27
icon: 'mdi:ceiling-light'
name: Norm 69
popup:
brightnessHeight: 350px
brightnessWidth: 130px
scenesInARow: 2
switchHeight: 300px
switchWidth: 110px
entity: light.shelly_shsw_1_e098068ceb27
type: 'custom:light-popup-card'
- entity: light.bedroom_led
icon: 'mdi:led-strip-variant'
name: LED traka
# - entity: light.bedroom_light_ikea
# icon: 'mdi:ceiling-light'
# name: IKEA TRADFRI
# popup:
# brightnessHeight: 350px
# brightnessWidth: 130px
# scenesInARow: 2
# switchHeight: 300px
# switchWidth: 110px
# entity: light.bedroom_light_ikea
# type: 'custom:light-popup-card'
title: Spavaća soba
tileOnRow: 1
- column: 4
entities:
- entities:
- entity: light.shelly_shsw_1_8caab505bea8
icon: 'mdi:ceiling-light'
name: Nora
- entity: light.shelly_shsw_1_68bef0
icon: 'mdi:ceiling-light'
name: Val
title: Dječje sobe
tileOnRow: 1
- column: 5
entities:
- entities:
- entity: light.shelly_shsw_1_8caab505d8b1
icon: 'mdi:ceiling-light'
name: LED
title: Podrum
tileOnRow: 1
row: 2
statePositionTop: true
style:
height: 97%
left: 62%
top: 50%
width: 78%
# height: 97%
# left: 52%
# top: 50%
# width: 78%
type: 'custom:homekit-card'
So on my PC I can see all the cards:
and in the same time on my mobile (phone and tablet) only some cards are visible - in landscape mode more is visible but I can scroll down just a little bit to see some of the cards:
How can I resize tile size… I have tried under style but I didn’t manage to do so…
1 Like
I’m having a problem with the light popup card on Firefox. It works fine on Chrome. Anyone else seeing the same?
Chrome:
Firefox:
1 Like
Hello, I have some dimmable light (Shelly Dimmer), I can’t find how to enable brighness slider. I can only turn on/off the lights
Hi,
you should lower the supportedFeaturesTreshold it is default 9
if you set it to -1 it works always or check what the supportedFeaturesTreshold is for your lights
1 Like
Hello,
Just released new update: https://github.com/DBuit/light-popup-card/releases/tag/0.4.7
- Add
onStatesandoffStatesdefault this is on and off but you can change it or add multiple if needed. - Fix for safari the slider thumb was not displayed correctly.