Lovelace card entity-button same height as light card

Configuration Frontend
1

Skjermbilde%20fra%202019-01-08%2021-08-22
Skjermbilde%20fra%202019-01-08%2021-08-222062×1360 158 KB

I have this lovelace config under development and I have some few lights that are controlled by switches, but in the UI I want them to be visually comparable to the dimmable lights. Can I get the card to be same height as the dimmable lights? Also could I get the name to not be all UPPERCASE?

This is the config I am talking about:

     - type: horizontal-stack
        cards:
          - type: light
            entity: light.inngangsparti
            name: Inngangsparti
          - type: entity-button
            entity: switch.qubino_zmnhadx_flush_1_relay_switch
            tap_action: 
              action: call-service
              service: switch.toggle
              service_data:
                entity_id: switch.qubino_zmnhadx_flush_1_relay_switch

If anyone has some kind of suggestion I would be really happy!

2

To change the name, just add the name attribute like you did for inngangsparti. As for the height, I don’t think you can do much. You might have to move towards a custom card.

3

Hello @petro, thanks for responding! Yes I have tried the name atrribute but it still is all uppercase sadly. Custom card could be the way to go yes. If only the light card could support switches that would be my preference, of course without the slider but keeping it the same size.

4

I just noticed that mine is that way too. It must be part of the button. I’m sure you could use a custom button card and modify it to your liking. It appears as if the native control doesn’t do what you want.

5

Im interested in how to have an entity-button card the same height as a light card also…did you manage to find a solution at all?

6

Nope, not yet. I have a few other things to look at first :open_mouth:

But we should have a look at it. Maybe fork the light card and let it support switches. Perhaps?

7

Just need to add: icon_height: 140px

     - entity:      my entity
       type:        entity-button
       icon_height: 140px