A different take on designing a Lovelace UI

david1 · March 13, 2020, 3:38am

i love your theme! Can you share your lovelace?

david1 · March 13, 2020, 4:56am

how did you get the links working on the sidebar?

karma · March 17, 2020, 7:58am

I have the same question.
And how do I enter the weather? in 4x4? It’s possible?

joseska · March 19, 2020, 5:52pm

Hi Mattias_Persson… do you have problem with the lattest versions of Home Assistant and your lovelace config???
I update to 0.107 and now we have a problem with “custom:hui-markdown-card” the error is:
“Custom Element not exist custom:hui-markdown-card”

I read that is for changes on 0.106… do you have a workaround or similar???
Thanks…

joseska · March 19, 2020, 6:28pm

Hi… I read your config in github and the trick is the lovelace-card-preloader module…
Now working…
I just have a question. do you know if the use of this module (lovelace-card-preloader) is now a pre-requisite or is only a temporal solution when all the plugins update???

Thanks…

Mattias_Persson · March 19, 2020, 8:31pm

You got it. I don’t know but balloob responded in this thread

Frank_Hagenbuch · March 27, 2020, 5:40pm

Thanks a lot for your work Matthias i have mix yours and Luke´s work.

Lentron · March 28, 2020, 6:15am

Really asweome! Where did you get the icon gif’s? Did you make them yourself?

Frank_Hagenbuch · March 28, 2020, 6:33am

the switches or which one? I have most of the things from free sides and customize them a little.

Lentron · March 28, 2020, 6:48am

Sorry, i meant the icons in the original post. The playstation gif and such

Juggler · March 28, 2020, 11:33am

Do you have a GitHub repository?

Frank_Hagenbuch · March 28, 2020, 11:52am

No sorry;-(

Lundig · March 29, 2020, 5:22pm

Looks good!, can you please share your background image?

sleeepy2 · March 31, 2020, 2:05pm

Can you share your switches, they look really good.

Frank_Hagenbuch · March 31, 2020, 3:45pm

Of corse i have it from here: https://design.tutsplus.com/tutorials/quick-tip-create-a-round-switch-button-in-photoshop--psd-16955

sleeepy2 · March 31, 2020, 5:26pm

hmmm, I got the pictures, but I don’t know how to use them as a switch. I thought there would be something simple but I don’t see one.
Can you point me in the right direction as to how you did it?

Thanks

Frank_Hagenbuch · March 31, 2020, 5:32pm

Its a PSD File in this you have Layers one Layer from the Button in Off Position and one in On Position. I have made a State Image for every Light. One for the Statn On one for State Of.

      - entity: light.bar
        state_image:
          "off": /local/bar_aus.png
          "on": /local/bar_an.png
          unavailable: /local/leer.png![Buttons|690x411]

sleeepy2 · March 31, 2020, 6:05pm

ahhh, forgot this is all in a picture element. Perfect thanks much.
~~Just curious, why a different Image for each switch? I am just using on.png and off.png for all switches.~~
Got it, there is no title

poudenes · April 1, 2020, 8:00am

I guess the background around the buttons is transparency?

Frank_Hagenbuch · April 1, 2020, 8:31am

Yes. If you want, I can make a Button without the name under it for on and of.