🌻 Lovelace UI • Minimalist

[Igolajdo]

Thank you, it works now

[Igolajdo]

Well, it worked for a while but now it doesn’t show anything

It works now, but it doesn’t appear in popup like it should, it just shows what is playing

[GuySie]

I just installed Minimalist UI and started experimenting with it. Weirdly though, it looks like part of the theme isn’t loading for me. Anything that should be colored according to the template code and the examples, is not for me. E.g. in this screenshot the icons in the welcome card, the home labels on the person cards, the graph color, the room cards and icons - everything appears to be ignoring the colors.

Anyone have an idea where I can start looking for what’s going wrong?

Edit: D’OH I’m stupid I just found out there’s a Theme I need to select in my User profile as well. Never mind me.

[Sylvain_Djsick]

Hi, first outstanding work ! I’m having a small issue with language, my home assistant is set to french but some cards show PL texts displayed
I’ve configured UI to use the french language and i’ve tried setting english but its keeps showing the PL translations.

[sebby (sebastian)]

hate to sound like a complete noob, but… i’ve installed all the required components to the point where i get the sample minimalist UI. Now I am kind of stuck as to how to build my UI from there. are there some samples or tutorials out there that can guide me on how to get started. I see some great designs in this thread, but i just don’t know where to start.

EDIT: found this resource online and working through their examples

[LeoSM_07]

@sebby (sorry it didn’t reply to you for some reason) That resource works fine for examples but be careful with copy and pasting. It’s the old docs so some cards might be outdated. For layout and whatnot it will be fine though. For reference here’s the link to the new docs (you can copy and paste individual cards out of here). It also helped me to make some cards in a testing dashboard using ui mode and then just change them to be minimalist cards.

[dylan_09]

@tht

Looks like it could be related to this post. But I couldn’t figure out what the proposed solution is:

Hello,

I have simply packed the conditional cards into a grid card.
The grid card always fills up the row from left to right. As the conditionals get true. On the iPhone display 5 columns are perfect. Maybe some space wasted. But it looks ok to me.

I don’t have access to the YAML code right now. But I can post a small example when I am back at my home computer.

[tht (Thomas)]

Hi Dylan,

A small example would be fantastic, thanks! I don’t understand where the additional grid card comes into place. My complete layout is already grid based. So do I put one grid-card with 5 columns into the cell of the main grid layout? Or do I pack every individual chip in it’s own grid-card?

In my understanding all the cells in a grid card do have a name and I have to put the chips into one cell each to prevent them from overlapping. Is that wrong? Because here I fail to understand how I should put the chips into the cells.

So… a small example would be great :).

Regards,

Edit: Oh, I think I finally got it… you’re not talking about the custom:grid-layout or the corresponding card but the grid-card from Home-Assistant itself. But it does not look like this is working for me as I’m also using the dashboard quite often from a big screen. So 5 chips get stretched a lot but more will not work on the phone. Too bad, but thanks for your time.

[antyamok]

hi,
I’ll take the liberty of re-launching, I didn’t get an answer!

how to put tabbars on the bottom instead of on the top?

[chintito4ever]

There’s specific theme for tapbars, you need to apply the theme from your app’s settings. You can change themes by tapping on profile then theme section.

[antyamok]

ok thanks. It’s ok after install new theme minimalist-ios-tapbar

[Stephan_Burgwal (Stephan)]

You did get an answer from me, but you probably missed it

[benm7 (Ben M)]

For some reason even when I select the tap bar theme, my menu bar is still at the top. Any ideas how to fix this? Have reset cache etc.

[nguyenl (lnnguyen)]

I have a problem! Can everyone help me?
Thank you!

[DylanTrom]

Hi all, I’ve been searching this thread for a solution to my problem but I just can’t figure it out. I am unable to get the card_light popup to show up on either my desktop or in the HA mobile app.
I have followed the steps for the browser_mod integration and have included browser_mod: in my configuration.yaml as well as copying the data into the custom_components directory. Here is my code for the card itself:

- type: custom:button-card
            template: card_light
            entity: light.hue_go_1
            variables:
              ulm_card_light_name: Hue Go
              ulm_card_light_enable_slider: true
              ulm_card_light_enable_color: true
              ulm_card_light_enable_popup: true

I have also made sure the my-card slider was installed and I have cleared the cache for both systems

[benm7 (Ben M)]

Light popups aren’t working for me either recently, not sure what has changed but no longer seems to work

[Inqie]

I thought this too, but I realised that they are supposed to appear when the button is held, not tapped. Personally I would prefer on tap.

[benm7 (Ben M)]

Hold doesn’t work for me either, used to work fine until refently

[dylan_09]

Ok. That’s true. No optimal resolution for desktop view. I use it mostly on phone and tablet.

[Igolajdo]

Hi, I use File Editor addon, where I edit lovelace ui, I added this line

 - type: "custom:button-card"
            template: "card_welcome_scenes"
            variables:
               ulm_weather: "weather.dom

But it doesn’t show this card in dashboard