Wish these basic settings were in the core UI… odd they didnt put ‘auto’ or ‘off’ for the row height so the border conforms without editing YAML (or knowing you need to!)
side note on card-mod css… top-padding works as expected but bottom-padding doesnt. Example: for Top 0 removes padding completely, but Bottom 0 still puts ~10px on the bottom. Even negative numbers never make that bottom padding smaller. And making the Top 0, doesnt change the bottom either - thus the bottom is not based on the top. Really odd
Since the new ‘inline’ feature for HA 2025-03.1 the Selector-feature disappears for me when I put the volume slider as inline. This also happens in the editor.
Before adding an issue to Github would like to know if anyone else is experiencing the same?
You have to set the option fields for dropdowns/selectors to work at all. There is no default otherwise, although it will autofill if used with select/input_select entities. You can use the label field to make it display something other than option, but that isn’t a default.
You can explicitly set the size of the dropdown box in the parent dropdown (not option) styles.
By default they look like the new default toggle feature, but are more customizable with multiple icons and user defined actions. You can also choose to style them as Material Design checkboxes and switches. The checkbox and switch colors follow theme colors rather than feature color, and work best (especially the Material Design 3 switch) with Material You theme. See the README for all of the CSS variables the Material Design toggle options use.
This release also adds action failure toasts and a custom dialog for confirmations. You can now also template the entire action data and target fields with a YAML string for better control of what data is sent when you fire an action.
Hi @Nerwyn . First of all thank you very much for your hard work. In my dashboard I have a tile card that has some buttons. When I press those buttons I call a script that only changes colors of the lights that are on. This works as expected.
Now I want to do the same with the brightness. I created a script that takes the brightness as a value and only changes the brightness for the lights that are on in that room. The scripts does what it has to do when I test it in the developer tools. This is the script:
fields:
color:
description: RGB kleurcode als lijst (bv. (255,0,0) voor rood)
example: (255,0,0)
required: true
sequence:
- if:
- condition: state
entity_id: light.lichten_living
state: "on"
then:
- target:
entity_id: >
{% set on_lights = expand('light.lichten_living') |
selectattr('state', 'eq', 'on') | map(attribute='entity_id') | list
%} {{ on_lights | join(', ') if on_lights else none }}
data:
rgb_color: "{{ color }}"
action: light.turn_on
else:
- target:
entity_id: light.lichten_living
data:
rgb_color: "{{ color }}"
action: light.turn_on
alias: verander kleur ingeschakelde lichten living
description: ""
mode: restart
The problem I have is that I have no idea how to call the script using a slider feature. Could you help me out with this? Thanks in advance.
I’m trying to set the background colour of the first button according to the status but unfortunately it doesn’t work. The value of the binary sensor is OFF and the background should be coloured green. What am I doing wrong?
Did not try, but you probably need == for comparison, not = (which is an assignment)
I noticed that my code style looks a bit different and uses is_state. The code below changes opacity of a button and makes it red. Due to opacity changes it look more or less saturated.
Not really a template expert and not sure where I got it from, but it works.
I tried to remove the title and the title icon which was also successful. Now I have the issue, that the whole cart is too high. I assume this has to do with the grid-options -> rows which I am not able to change to a smaller value than 2. Is there a way to make the grid same height than the card and/or to remove the height: 62px !important; to fit it directly to the card? Currently it has the empty (grey) space below the card, witch is not nice:
Hi,
I do have a drop down. If the state of the entity is set to any value I would expect that the drop down also pre-selects this entry. But it is always blank.
