+1 for this question. I would especially like to increase the size of the state text size. (ideally in combination with statePositionTop)
Is there a solution yet for this? Looking for exactly this, but didnāt find anything in the thread.
I now created a template sensor, that just multiplies the value by 100 and set the unit to percent. Works like a charme now!
denon_volume:
friendly_name: "Denon LautstƤrke in Prozent"
unit_of_measurement: "%"
value_template: "{{(state_attr('media_player.denon_avr_x1500h', 'volume_level')) * 100 | round(0)}}"
Did anyone there found a way to insert homekit card inside swipe-card?
This is what I get so far:
Dont think its possible sins its a whole panel. If the card would be more like one button i guess it would work.
I have a light group of five lights. The light group entity states that brighteness is supported (supported_color_modes: brightness) but in the light popup card I get just a on/off switch. Any ideas how to fix that? I even tried with displayType and I still get an on/off switch.
Search in this Thread for supported_features:
That should be a option on your dimmer that has a value that u need to add to the button. If you get it right it Will become dimmable.
Not really sure if I understand you. The light group has supported_color_modes: brightness and supported_features: 40. Which value should I add and which option/variable should I use in the light card popup?
EDIT: It seems that there is a option/variable that is called supportedFeaturesTreshold, though it is not documented and not working for me.
Try value -1 or 0.
If you search the thread other exempels Should show upp.
1 Like
Solved! I have used grid-card in combination with button-card and it works!
Cool. Yeh makes sens when you use the Button card. Gz
Nice look you got out of the button card. were did you get the look for it? or did you do it yourself?
Thanks! I based on this two designs:
But Iām trying to do as much as I can with DBuits cards.
If you want to get similiar look for homekit style card buttons you can just simply add style below:
cards:
- type: 'custom:homekit-card'
style: |
:host {
--tile-width: 100px;
--tile-height: 100px;
--tile-background: rgba(115, 115, 115, 0.2);
--tile-icon-color: rgba(255, 255, 255, 0.3);
--tile-name-text-color: var(--tile-icon-color);
--tile-state-text-color: var(--tile-icon-color);
--tile-state-changed-text-color: var(--tile-icon-color);
--tile-on-background: rgba(255, 255, 255, 1) !important;
}
Did you get any closer to solving? I am seeing the same issue and tried many variants of the supportedFeaturesThreshold.
I couldnāt make it to work with supportedFeaturesThreshold so I tried again with displayType and worked for me.
Yeh you right. I experianced the same thing today sins of phones and browser had it in Cashe.
So that was from the popup light displayType: slider. if anyone has the same problem
Hi @Quinten94B,
I think it should be possible with css but need to try it, what text do you wanna size?
Hello @dimmanramone and @Jimmy_Berglund ,
got the same issue 
More cards got the issue not really way to solve it because it worked before something changed in hass.
I will keep an eye out for solutions.
1 Like
The name and state, both where to small. I did not get the CSS for text size running. For the moment I gave up and started building my own custom cards. But itās much more intensive than this add-on. Which for the rest is perfect.
hi @DBuit, trying to get the light popup card implementedā¦on a basic level it is functioning, but rendering in a tiny window as shown belowā¦how can I resolve this please and thanks!
I have browser-mod, card-mod, and light popup all installed through HACS, and a resource for each is defined in Lovelace > Resources as /hacsfilesā¦
hereās my code in the raw config editor above all Views:
popup_cards:
climate.downstairs:
title: Downstairs
style:
position: fixed
z-index: 999
top: 0
left: 0
height: 100%
width: 100%
display: block
align-items: center
justify-content: center
background: 'rgba(0, 0, 0, 0.8)'
flex-direction: column
margin: 0
'--iron-icon-fill-color': '#FFF'
card:
type: 'custom:thermostat-popup-card'
entity: climate.downstairs
light.sunset:
title: ''
style:
$: |
.mdc-dialog .mdc-dialog__container {
width: 100%;
}
.mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
width:100%;
box-shadow:none;
}
.: |
:host {
--mdc-theme-surface: rgba(0,0,0,0);
--secondary-background-color: rgba(0,0,0,0);
--ha-card-background: rgba(0,0,0,0);
--mdc-dialog-scrim-color: rgba(0,0,0,0.8);
--mdc-dialog-min-height: 100%;
--mdc-dialog-min-width: 100%;
--mdc-dialog-max-width: 100%;
}
mwc-icon-button {
color: #FFF;
}
card:
type: 'custom:light-popup-card'
entity: light.sunset
icon: 'mdi:lightbulb-group'
actionsInARow: 2
brightnessWidth: 150px
brightnessHeight: 400px
switchWidth: 150px
switchHeight: 400px
Hello All, I am trying to use templating to determine which service to call, depending on the state of a light. I am getting this error:
Here is the associated code:
type: 'custom:homekit-card'
home: true
title: Lights
useBrightness: true
titleColor: '#FFF'
statePositionTop: true
entities:
- title: Lights
popup:
type: 'custom:light-popup-card'
entities:
- entity: light.micro_dimmer_2c_9e_27
name: Chandelier
tap_action:
action: call-service
service: >
{% if is_state('light.micro_dimmer_2c_9e_27','on') %}
insteon.scene_off
{% else %}
insteon.scene_on
{% endif %}
service_data:
group: 10
Can someone tell me what I am doing wrong?
1 Like