A different take on designing a Lovelace UI

@Mattias_Persson, I don’t understand why I have an “unknow” value for sensor.igor_last_changed when I did create an mqtt entry in the sensor.yaml.
Serais-tu me dire où est le bug ?

Capture d’écran 2021-11-09 à 12.50.42

Did you do everything in this commit?

1

Somebody can give me a clue about this error?

Extra keys not allowed @ data [‘0’]

Looks like a yaml parsing warning. Look in home-assistant.log or post the yaml of the button that gives you the error

I looked in logs but there isn’t any record regarding the vacuum.
The code I’ve used is the same like in your config:


              - type: custom:button-card
                entity: vacuum.roborock_s7
                icon: mdi:play-pause
                tap_action:
                  action: call-service
                  service: >
                    [[[
                      return entity.state === 'docked' || entity.state === 'paused' 
                        ? 'vacuum.start'
                        : 'vacuum.pause';
                    ]]]
                  service_data: >
                    [[[ return entity.entity_id; ]]]
                template: icon_only

     

Thank you a lot @Mattias_Persson
And let me to send all my appreciation about your amazing work!

1 Like

Question regarding grid. How can i get the button placed all the way down and stay fixed? three buttons placed in a grid.

I have set the grid up like below.

‘’
layout:
#default
grid-gap: var(–custom-layout-card-padding)
grid-template-columns: 0.7fr 0.1fr 3fr
grid-template-rows: 7.6fr 0.1fr
grid-template-areas: |
“sidebar sidebarline stateswitch”
“footer sidebarline stateswitch”
‘’

Buttons are placed in “footer”.

If i change the grid-template-rows to a higher value than 7.6 fr the scroller comes up on the right. the button also seem to follow if a card is placed lower than the buttons.
I am trying to archieve a fixed sidebar where i have stateswitch i can change the main view that is also in a layout grid.

1 Like

Thanks Mattias.
It works for me but not for my wife. I think the sensor will cool down when she leaves the house.

Hi
Is can someone just explain how to get the fonts to work? I’ve done evertyhing but i still get the standard Homeassistant font… this is frustrating…

  • I’ve added the font.css in /local
  • i’ve added all the fonts in /local/fonts

still i there is no change in fonts, please help

I tried following this but I don’t get the styling for the buttons to work, and the sidebar button seems to be on the top rather than the bottom.

Oops, seems I missed that step, Thank you so much!

Yes, this has been done. But there is still no changes…

pm me your fonts

1 Like

Sure, Ive sent you all fonts

Just to make sure, you’ve placed font.css and fonts folder in www and NOT in a folder called local?

1 Like

Yes, i just did that. Placed Font.css and fonts folder in www …

You done some great work, @Mattias_Persson - I’m trying to recreate and make it my own. It is hard, but I got all the main things working, I think :slight_smile:

Thanks for the inspiration.

1 Like