Neon Lovelace UI & Theme for tablets

kleinerhobbit · September 9, 2021, 7:59pm

Hi Daniel
You pointed me in the right direction.
Every press triggeres the light after set the animation_speed_ms to 0.
Cheers

kleinerhobbit · September 11, 2021, 11:43am

Hi Matthew

I am trying also to get a beautiful view in landscape mode.
For me, I have found a workaround for the issue with the square picture element.
Maybe you can use it anyway.

The default ratio for picture elements is allways 1:1, but you can override this with the variable
aspect_ratio.
For me it looks like this:

type: picture-elements
image: local/box.png
aspect_ratio: 25%
card_mod:
  style: |
    ha-card {
    --ha-card-border-radius: 0px;
    background: transparent;}

Never see a Scrolbar again
Actually i dont know if there are any sideeffects.

Cheers

proffalken · September 14, 2021, 6:23am

Thanks, I’ll give this a go when I get a moment.

martheijnen · September 14, 2021, 7:45am

This looks amazing, can you share?

nfs · September 14, 2021, 9:00pm

Of course – you can find the pastebin for my yaml in a follow-up post above:

https://community.home-assistant.io/t/neon-lovelace-ui-theme-for-tablets-v2/307230/87?u=nfs

nfs · September 15, 2021, 6:04pm

@danieljarhult thanks for the idea of using more browser_mod actions, i love playing with the popups

danieljarhult · September 15, 2021, 8:24pm

Nice ! Great minds think alike

Btw, my code is now updated using layout cards for easy switch between portrait and landscape. Browser mod is used for popup and the slide card make a return as a photoframe kind of thing.

davenbo · September 15, 2021, 8:30pm

siiiiick update! I’m supposed to go to bed now… kinda feel like a kid at christmas, wanna play with my toys!

danieljarhult · September 15, 2021, 8:34pm

Sorry for taking some extra time. But i have been busy with all sorts of shit.

davenbo · September 16, 2021, 6:56am

no apologies and no expectations! life happens, we all know you do this in your free time.

davenbo · September 16, 2021, 12:16pm

Idk if I missed it but I don’t think you listed/linked which specific layout-card but I assume it’s Thomas Lovens since you used alot of his other cards.

Just in case anyone else is unsure.

danieljarhult · September 16, 2021, 12:59pm

Yes it is GitHub - thomasloven/lovelace-layout-card: Get more control over the placement of lovelace cards. Kind of important to have

danieljarhult · September 19, 2021, 5:04pm

My mobile ui is done, i forgot to mention it to you, but if you would like to have a look here it is → "Something pretty" for mobile

johnnyo21 · September 29, 2021, 5:12pm

Thank you Daniel for the awesome theme!

I had originally started playing with your initial release after seeing it on Reddit. Had it mostly converted over to my ecosystem. Now I just discovered your update, NICE!

Question for you, I am having a hard time figuring out what the titlemusic block is doing and what its intent is. I get the popup window part with your various media players, but what are you using the “state-switch” to perform. Having a hard time following your code.

Here is my progress (I know I still have some alignment and organization to do) Mostly just trying to make things work in the background now.

danieljarhult · September 30, 2021, 7:08am

Hello, Thats looking cool !

For the “mediatitleblock” i use the stateswitch to change between two conditions. One condition show a specific card if the screen is in portrait. The other condition show a slightly different card if the screen is in landscape.

So in the portrait condition i just change the margin for the button card that displays the text “Media”.
And for the landscape i use another margin for the same button card. This is done so that everything looks good both in portrait and in landscape.

This creates alot of repeated code, and al becuase a slightly different margin for the button card But i have not found any other solution.

johnnyo21 · September 30, 2021, 2:57pm

Gotcha, Ok … That makes sense. I believe I had ran into that somewhere else as well. Should have known.

Thanks again sir for the template!
Sent you a Coffee / Beer!

danieljarhult · September 30, 2021, 5:36pm

Thank you ! Feel free to ask if you have any more question and please show your dashboard when it is finished !

nfs · October 11, 2021, 7:05pm

I finally finished my newest dashboard based on your fantastic design !

I use this while working and keep it up on my smallest screen as a music dashboard. There are swipe cards for the audio player selection and status panel, and two pop-ups for more info on my network and media (one of which also has a swipe card… I may be addicted to swipe cards).

Thanks again for your inspiration, this has been so much fun to play around with!

danieljarhult · October 12, 2021, 1:26pm

Thanks, super nice work. Your view with all the LAN sensors etc looks really futuristic. Like a modern Star Trek computer of something Really cool.
I also see that you have a great taste in music.

LauDela · November 1, 2021, 9:56pm

Very good job !
i can’t have the blur effect on popup. can you share your code please ?
thanks