Footer Custom Buttons Icons

Configuration Frontend
1

Hello Community,

i have one Question: Is it possible to create a Footer with Buttons (Switch Entity), where the icon is changed in case of the state of the Switch?
Have tried the custom: custom:button-card, but this is not accapted in footer, right?

image

type: entities
entities:
  - entity: cover.logo1shutter1
    secondary_info: position
state_color: true
footer:
  type: buttons
  entities:
    - switch.logo1shutter1automatic_switch

My goal is to have the slider for the shutter, and below, the buttons which are associated to the slider.
How can i solve this?

Many Thanks
Daniel

2

Just change the icon in the configuration.

image

image

3

@Hellis81
Thank you for you suggestion.
What i want is a different Icon in Case of the switch State:
State OFF = Icon A
State ON = Icon B

Many Thanks
Daniel

4

Try Mariusthvdb/custom-ui: Add templates and icon_color to Home Assistant UI

5

For a template switch you can define icon as a part of a template (dependently on a state).
Color - may be customized by card-mod (dependently on a state).

For a not-template switch - icon & color may be card-mod (dependently on a state).

6

this is another goal, than what you describe here

so, first things first, what do you want…?

if you want the switch to have different icons, just use the device_class (show as) for basic options. or as others already mentioned, create a template switch.

You can also use custom-ui, but aas code-owner I would suggest please forst try the other options

then for the slider: I dont think we easily can (if at all) add a slider there, but you can always add an extra entities card and add the sider there

my suggestion would be to add all of this

inside an entities card, and add that below what ever card you might have instead of the footer

as for card_modding the footer icons, you partially can do anything with them, also conditionally based on the state of entities:

Scherm­afbeelding 2024-11-13 om 10.59.58
Scherm­afbeelding 2024-11-13 om 10.59.581110×146 21 KB

7

Hello @Mariusthvdb

many thanks for your information, and sorry for the different goals :slight_smile:
The right one is, that i would like to have buttons below my shutter card, in the footer.
These Buttons should be have different Icons based on the state of the switch_entity (Button).
I will look into the documentation.

Many Thanks
Daniel