🌻 Lovelace UI • Minimalist

[kaluzny.radek]

Hello everybody,
can somebody help me, I´m trying to use ROOM card as bus card from my home, but I cannot change icons on right side to show state only. Only binary_sensor.klima_1 is binary. Please see my code and image:

  - type: 'custom:button-card'
    template:
      - card_room
      - blue_no_state
    name: Autobus do Letňan
    entity: sensor.nodered_6b5fba3e5b475bb6
    icon: mdi:bus
    size: 60%
    tap_action:
      action: none
    variables:
      label_use_temperature: false
      label_use_brightness: false

      entity_1:
        entity_id: sensor.planovany_odjezd_1
        show_icon: false
        show_state: true
        show_label: true
        tap_action:
          action: none
      entity_2:
        entity_id: sensor.nodered_8f0fc9bf82d519e0
        templates:
          - blue_on
        tap_action:
          action: none
      entity_3:
        entity_id: binary_sensor.klima_1
        templates:
          - green_on
          - red_off
        tap_action:
          action: toggle
      entity_4:
        entity_id: input_boolean.bath_mode
        templates:
          - pink_on
        tap_action:
          action: toggle

Thank you.

[andyblac (Andy Blackburn)]

you are having the same issue as me above, the color template pink_on ony looks for a state of on not a binary state 0 or 1, or a number state like number of lights on etc 8. We need to tweak the color template to allow more states.

EDIT:

it seems, at the moment when using styles with a sensor that has a state of a number (ie number of lights on 4), we have to code a style for every possible permutation.

i.e.

pink_off:
  state:
    - styles:
        icon:
          - color: "rgba(var(--color-pink),1)"
        label:
          - color: "rgba(var(--color-pink-text),1)"
        name:
          - color: "rgba(var(--color-pink-text),1)"
        img_cell:
          - background-color: "rgba(var(--color-pink), 0.2)"
      id: "0"
      value: "0"

pink_on:
  state:
    - styles:
        icon:
          - color: "rgba(var(--color-pink),1)"
        label:
          - color: "rgba(var(--color-pink-text),1)"
        name:
          - color: "rgba(var(--color-pink-text),1)"
        img_cell:
          - background-color: "rgba(var(--color-pink), 0.2)"
      id: "1"
      value: "1"

  state:
    - styles:
        icon:
          - color: "rgba(var(--color-pink),1)"
        label:
          - color: "rgba(var(--color-pink-text),1)"
        name:
          - color: "rgba(var(--color-pink-text),1)"
        img_cell:
          - background-color: "rgba(var(--color-pink), 0.2)"
      id: "2"
      value: "2"

  state:
    - styles:
        icon:
          - color: "rgba(var(--color-pink),1)"
        label:
          - color: "rgba(var(--color-pink-text),1)"
        name:
          - color: "rgba(var(--color-pink-text),1)"
        img_cell:
          - background-color: "rgba(var(--color-pink), 0.2)"
      id: "3"
      value: "3"

Would it be possible to allow the value field to use functions like value: ">0" or value: ">0 && <6".

It is very bloating to use the method that is now ie if I want to have a button color of yellow if ‘any’ lights are on i have to add a style value and color mapping for every number of lights in my house.

EDIT2:
And to make matters worse, you can’t use a template name that is already in use by minimalist core ie pink_on, so try creating a new color template with pink_binary_on.

[andyblac (Andy Blackburn)]

for those interested I come up with something that cuts down on the amount code required for detecting a on, 1, 2, open , etc etc, state

blue_on_nobg:
  state:
    - styles:
        icon:
          - color: "rgba(var(--color-blue),1)"
        label:
          - color: "rgba(var(--color-blue-text),1)"
        name:
          - color: "rgba(var(--color-blue-text),1)"
        img_cell:
          - background-color: "rgba(var(--color-blue), 0)"
      id:  >
          [[[ 
            return (entity?.state == '0' || entity?.state == 'off' || entity?.state == 'closed') ? "" : entity?.state;
          ]]]
      value: >
          [[[ 
            return (entity?.state == '0' || entity?.state == 'off' || entity?.state == 'closed') ? "" : entity?.state;          ]]]

and just revert for off, 0, closed, etc

blue_off_nobg:
  state:
    - styles:
        icon:
          - color: "rgba(var(--color-blue),0.4)"
        label:
          - color: "rgba(var(--color-blue-text),1)"
        name:
          - color: "rgba(var(--color-blue-text),1)"
        img_cell:
          - background-color: "rgba(var(--color-blue), 0)"
      id: >
          [[[ 
            return (entity?.state == '0' || entity?.state == 'off' || entity?.state == 'closed') ? entity?.state : "";
          ]]]
      value: >
          [[[ 
            return (entity?.state == '0' || entity?.state == 'off' || entity?.state == 'closed') ? entity?.state : "";
          ]]]

@kaluzny.radek maybe this will help you.

[basbrus (Bas)]

Hi @andyblac

Nice to see you are exploring templates to change colors on different states.
Did you know there is already a variable that can tell if a state is active/non-numerical?
You can even adjust the rules when it should be considered as active or nonactive to add the variable in the card config.
You can call the variable ulm_active_state or adjust the rules in the variable part.

[andyblac (Andy Blackburn)]

@basbrus I was trying to include all sensor states mainly my custom template that counts number of “on” entities, orginally i would have to have a colour for every counter 1 though to 40. How would i detect this using ulm_active_state ?.

Sorry I’m still new to all this and still learning.

to be clear I still need the state to return the actual number of entities on and not on or off, but the hope was to only use 1 colour template to catch the state and return the correct colour.

[Jeanjean (Nathan)]

Hello there,
I’m trying to use the scene_card, but I have troubles with icon colors,
As show on the wiki, the icon color should be visible because near the “circle” color,
But for me it’s only white, and then not very visible, as show on the screenshot.
The first is me setting up to yellow (which is the one i want), the others are random.

And here is how we can see it on the wiki

Can someone help me ?

Thanks

[basbrus (Bas)]

Hi,

You are comparing Dark mode to Light mode which have just some different color schemes by design.

Redesign Smart Home

Set your system to light mode and you will the colors like on the wiki. Maybe an update to the repo on Github can help with making the icon less greyish.

[Jeanjean (Nathan)]

Indeed ! I didn’t try the light mode and the color is good.
For my home I use custom card esh_welcome_card and the colors are like the light mode

That’s why i thought it would be the same for the scene card,

Thanks for your answer ! And yes, it would be good to have an upgrade on those colors

Edit : do you know what “yellow color” he is using on the behance ?

[MikeTheCleric]

Hi! I have a question about the navigation. Is it possible to navigate to a custom page or an arbitrary path that is not a view? I need to create a custom page not in the view section but reachable only by a navigate card.

Example: a yaml page named “Living” (not a view) with my content in it and a navigate card in a view that point to this page. Thanks in advice.

[RS53]

How to get the design from the pictures? Is this something exsisting? Looks really nice…

[tilmann (Dilbert1982)]

I have installed the DWD Pollen Card from @paddy0174. But what am i missing? I followed the instructions from the wiki.

[mn_box (Martijn)]

Have UI working for some time now and love it. I just noticed recently that my browser_mod pop-up cards titles are off (like my wifi code ;-)). I don’t recall doing any modifications on this. Anybody else having this problem? And how to resolve?

Thanks!

[basbrus (Bas)]

A good start is the adaptive dashboard. That takes the layout from the pictures. Most cards are already present, so by adding them to the adaptive dashboard you will hopefully reach something similar.

[basbrus (Bas)]

That’s not a minimalist popup but a custom one? I do know that are have been a lot of (undocumented) frontend changes that broke multiple custom components in the latest releases, including this project. Based on that I think that is the cause and browser_mod has not released a fix for it.

As standard minimalist popups do not use the title feature I am not sure if it’s either a variable that is changed in the fronted or something else.

Guess you have more luck by reporting in to the browser mod forum and github page

[mn_box (Martijn)]

Thanks Bas! And I guess nobody else in the household is bothered or has even seen it

[Jeanjean (Nathan)]

Hi everyone,

I tried to make an adaptive dashboard, but can’t make it work, and I don’t understand why.

I’m pretty sure i’m doing something wrong, but can’t figure out what.

As you can see on the gif, I don’t have any popup on the right.

You can see on the differents screenshots my configuration file, my popup and main yaml for adaptive.

What am i missing ? Thanks !

[thermosiphonas]

Hi!

Is there a way to navigate to a tab on the sidebar instead of the views?
I am using Custom Card “Welcome Navigation” and I would like a shortcut to navigate to Music Assistant

[KruseLuds]

Not sure but you can get the JURL for music assistant and create button in mnimalist that would go to that URL?

[stefano-ita (Stefano)]

Hello there.
I am not able to filling the entire screen of my FHD tablet in 1920px (landscape) with adaptive view.
I managed to have two different sizes, one for portrait and one for landscape, but this latter only fills the left half of the screen.
I used the command

mediaquery:

 # Mobile
 "(max-width: 800px)":
   grid-template-columns: "50% 50%"
   grid-template-areas: |
     "card1 card2"
     "card3 card4"
     "card5 card6"
     "card7 card8"

 # Tablet
 "(max-width: 1920px)":
   grid-template-columns: "1fr 1fr 1fr 1fr 1fr"
   grid-template-areas: |
     "text text weather weather message"
     "card1 card2 card3 card4 card5"
     "card6 card7 card8 card9 card9"
     "forecast forecast forecast forecast forecast"

but it does not work.
Any suggestions?
Thank you,
Stefano

[deanfourie (Dean)]

Any idea why auto entities is not auto filling the entities or there is a error when trying to show the entities.

Thanks