🌻 Lovelace UI • Minimalist

[paddy0174 (Patrick)]

Grrr…the longer I look, the more errors I find… Sorry, my bad, but that will not work, neither with your custom version, nor with the original card…

This is wrong:

triggers_update:
  - [[[ variables.blub ]]]

This on the other hand should work…

triggers_update:
  - [[[ return variables.blub ]]]

Would you mind trying this, otherwise I’ll have to check the code from button-card, maybe the field “triggers_update” isn’t templateable (is that even a word??). Please try with return and if that won’t do, just set triggers_update to all, like so:

triggers_update: all

And please report back, we use triggers_update on a few places, so these would need to be addressed, too. Thanks!

@Vintage89
Hmmm, that is a little unexpected. Before we start to inspect every file, I’ll setup a new dashboard on my system and try to mimic your setup. We’ll see what comes up there, but if that doesn’t help, we need to dig deeper in your installation, so keep your fingers crossed

[fastender]

Same problem here; only with a reload is a update of the chips possible.

[DrHouseIOT]

Hello everyone, I have a question. I have created the following chip and card for weather. When I click on the 1st click chip I don’t get the more-info card, but on the 2nd click I do. I’m using the weather provider of “Weather.Home” for both. Can anyone tell me what I’m doing wrong? Thank you for all your help and time. Here is a picture of what I’m talking about.

[CM000n (Simon)]

Hi @paddy0174 , thanks for the quick feedback!
For me only “triggers_update: all” helps.
The addition of the variables with preceding “return” does not change anything.

[Vintage89]

Hehe! I’ll be here scratching my brain and eyes

[paddy0174 (Patrick)]

What is not working? Could be that HA doesn’t deploy this theme, if the browser or better the device running the browser isn’t powerful enough…

What device are you running with FKB? Can you try to call the page from the “normal” browser on that device and see if everything works there?

I have this “theme” running" on an Amazon FireHD8 (or7) with FKB (FullyKioskBrowser) with kiosk_mode and it works like it should. Switch from light to dark theme is running as well, nope, can’t say it’s not working. So we need to look for something else that is causing this.

[Vintage89]

So this is what I’ve got this far - loving it! Allthoug the memoji of my wife was not approoved

[paddy0174 (Patrick)]

@DrHouseIOT
That is intentional, as the chip_temperature doesn’t have anything set for a click. If you want to have the weather provider, you’d need to setup a tap_action for that chip. Like so:

type: 'custom:button-card'
template: chip_temperature
variables:
  ulm_chip_temperature_inside: sensor.my_temperature_sensor_inside
  ulm_chip_temperature_outside: sensor.my_temperature_sensor_outside
  ulm_chip_temperature_weather: weather.my_weather_provider
tap_action:
  action: more-info
  entity: "[[[ return variables.ulm_chip_temperature_weather; ]]]"

That should do the trick, please try and report back, if issues come up.

@CM000n
`triggers_update` doesn't accept javascript templates · Issue #35 · UI-Lovelace-Minimalist/UI · GitHub

@Vintage89
That looks great. I really love this clean look, @TBen is a genious. And I love this Memojis! Have looked them up, but have no iPhone in the near family, that’s new enough, and we’re an Android family. But these are soooo cute, I need to find something to get these pics. No need for motion or things like that, just the pics will do nicely.

Thanks for the translation, will add it to the repo!

[peterf9 (Peter)]

@paddy0174 , WIP…
best regards and thanks!

[mohesles1 (Mohesles)]

I had a similar issue.
return variables.blub did not work; however triggers_update: all does work

[matt2468]

How did you manage to get your text left aligned? Mine keeps going into the center

[paddy0174 (Patrick)]

That’s the same you see with your and @CM000ns layout. In both of your cases its left-aligned and has a margin to the left of 24px.

If you want to change that, I’d recommend to use a custom entry, we have a small guide in the wiki for such cases: see here

---

Just to show it as example. This is what your new template should look like:

matt2468_card_title:
  template: card_title
  styles:
    card:
      - margin-left: 10px

Depending on the mode you used for installation (yaml or UI), you need to copy and paste this into the raw-config-editor (UI), indented by two (2) spaces (every line two spaces indented).
Or in yaml-mode you need to paste this into a new file that you create in the folder config > minimalist-templates. Here you don’t need another indentation, take at as it is.

In your view file you do exactly as you did with the “old” title, but now you call “matt2468_card_title”:

- type: custom:button-card
  template: matt2468_card_title
  ...

Have fun pocking around with the values. If you need more to change, just add it to the new template. All values from the new template override the values set by the theme. You could add an underline for example by adding text-decoration: underline like

  styles:
    card:
      - margin-left: 10px
      - text-decoration: underline

[matt2468]

Thanks Paddy the only other thing im trying to work out now is how to get all of the actual cards to be on the left side of the screen instead of centered or maybe thats not possible

[CM000n (Simon)]

Of course it is possible ;-). I myself use the lovelace-layout-card from thomasloven in the meantime.
With it it is possible to position single cards at almost any place and also to make different laylous, e.g. for desktop, tablet & smartphone.

If you’re interested, you can find my current lovelace-minmalist.yaml confguration here: homeassistant/lovelace-minimalist.yaml at main · CM000n/homeassistant (github.com)

[sjabby]

Could you share a screenshot of your layout?

[CM000n (Simon)]

Sure. But it’s realy nothing special.

On Desktop:

On Mobile:

[sorted]

Hi,
first of all great theme. I love it Successfully installed it in yaml mode. What i didn’t figure out so far is changing the “key color” from orange to e.g. blue. Is there an easy way to do this? I looked up the thread for different keywords but didn’t find the solution.

Thank you!

Best Regards
sorted

[paddy0174 (Patrick)]

What do you mean by “key color”? Please explain a little more detailed, what exactly you want to be changed as the the “theme” shouldn’t have anything orange as its basic level, just white or dark grey (light or dark mode for the theme). If you’d have a screenshot, it sure wouldn’t harm a good answer.

[sorted]

First of all: thank you for the quick reply.
Maybe it is only in the light slider template. If that’s the case I was little bit fast with my question. I am currently doing some trial and error

[paddy0174 (Patrick)]

You mean the slider or the orange background behind the icon?

The color of the slider should be adjustable, but I’m not sure what the deafult is. Last time I worked on that card, I tried to get the actual color from the light to show up… I’d need to look this up, sorry!

The icon background is intentional as well. All cards use kind of a color schema (see here in the wiki), where the off-state is the grey you see with your “Rollo”, and the on state differentiates between light and other entities. Light is orange for on-state, a light blue is taken for “standard” entities (as you would see with the “Rollo” if open), green for outside and red for all things “temp”.

Btw. did you only change the background or did you not activate the theme for this user? If the latter, you should activate the theme and only change the background-image afterwards (you could do so in the view file). There are some variables used, that are definied in the theme, otherwise the system (HA) chooses the default values, and they don’t fit good for this theme.