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
The entity in the error message does not match the one in your code: There is a slash between „light“ and „micro“, I assume you wanted a bracket there.
Hi, thanks for your reply. Its the same code that is generating that error message (there is a “.” and not a “/” in the code). Maybe the error is on parsing of the file?
I don’t know Insteon so I have to ask stupid: Is the use of insteon.scene mandatory or an integration-built service?
I’m playing with the cover-popup-card which I saw in this thread and cannot get it to show a popup at all. I have other popup cards working but this one does not. Wondering if anyone could help, maybe it’s some config issue?
The slider-entity-row popups work just fine, it’s the cover-popup-card that just does not do anything
popup_cards:
cover.dining_room_left:
card:
type: custom:slider-entity-row
entity: cover.dining_room_left
title: Shade Position
cover.dining_room_middle:
card:
type: custom:slider-entity-row
entity: cover.dining_room_middle
title: Shade Position
cover.dining_room_right:
card:
type: custom:cover-popup-card
entity: cover.dining_room_right
sliderService: cover.set_cover_position
icon: mdi:blinds
actionsInARow: 2
actions:
- service: cover.open_cover
service_data:
entity_id: this
name: open
icon: mdi:window-shutter-open
- service: cover.close_cover
service_data:
entity_id: this
name: close
icon: mdi:window-shutter
No probs, its an integration based serevice
Is a pure service call working? Like
tap_action:
action: call-service
service: insteon.scene_on
service_data:
group: 10