🌻 Lovelace UI • Minimalist

Did you find the answer to this question? I have the same issue.

Hi Ricardo, unfortunately no :frowning: I gave up.
Please post here if you find it.

I fount the issue. I made an error in the custom fields code and that’s why it didn’t work. i changed the statement to something that i know that isn’t faulty and now it works. I still need to figure out what the correct statement needs to be but iam happy with the results for now. :slight_smile:

Maybe you have the same issue?

dot_active:
  styles:
    custom_fields:
      dot:  
        - border-radius: "50%"
        - position: "absolute"
        - left: "36px"
        - top: "8px"
        - height: "16px"
        - width: "16px"
        - border: "2px solid var(--card-background-color)"
        - font-size: "12px"
        - line-height: "14px"
        - background-color: >
            [[[
              return "rgba(var(--color-blue),1)";
            ]]]


  custom_fields:
    dot: >
      [[[
        if (states[variables.ulm_active_sensor].state =="on"){.  <--- faulty code!
          return `<ha-icon icon="mdi:reload" style="width: 12px; height: 12px; color: var(--primary-background-color);"></ha-icon>`
        }
      ]]]  
  size: "20px"

Same issue. I think it’s related to the percentage of close/open. My window shutters display correctly.

I love youre setup! Im trying to use youre welcome card, for some reason it does not work. is there something that changed?

Hello !

The code that starts with
card_motion_blind_my:
triggers_update: “all”
variables:

Where should I put it? I’m new I could use some help thanks!

In a similarly named yaml file in the custom cards folder, as described on the wiki:

Would you mind sharing the YAML for this one @marvandorth? Even if it’s a bit messy, it’d be a great example for my first steps on Lovelace UI Minimalist. Thanks in advance, cheers!

Hello, I get this error what to do?

Seems like you didn’t supply a working bind entity in the ulm_card_motion_blind_my_entity variable. In my example it was cover.keukengordijn_links, but you should put your own there.

    - type: "custom:button-card"
      template: card_motion_blind_my
      variables:
        ulm_card_motion_blind_my_name: Links
        ulm_card_motion_blind_my_entity: cover.keukengordijn_links
        ulm_card_motion_blind_my_perc: 53

Hi,
I’m having trouble adding a new dashboard on the side panel. I followed the steps listed here and the new dashboard shows up on the side panel however when I click on it, it seems to load every single device I have in my home automation rather than just the one I specified in my yaml
configuration.yaml

lovelace:
  mode: storage
  # Add yaml dashboards
  dashboards:
    lovelace-minimalist-2:
      mode: yaml
      title: Minimalist Media
      icon: mdi:flower
      show_in_sidebar: true
      filename: ui_lovelace_minimalist/dashboard/media_room/media-home.yaml

media-home.yaml

---
button_card_templates: !include_dir_merge_named "../../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"

title: "UI Lovelace Media"
background: "var(--background-image)"
views:
  - !include views/media.yaml

media.yaml

title: "Media"
path: "media"
cards:
  - type: horizontal-stack
    cards:
        - type: "custom:button-card"
          template: card_media_player
          entity: media_player.marantz_sr7011
          name: VSX
          variables:
            ulm_card_media_player_enable_volume_slider: true
        - type: "custom:button-card"
          template: card_light
          entity: switch.media_light
          variables:
            ulm_card_light_enable_color: true
            ulm_card_light_force_background_color: true
            ulm_card_light_icon: mdi:lightbulb

Any ideas why it might be loading everything?

Github is up to date.
Dou you get any error messages?

Got it working now :wink:

I like the " Room Card" very much. I don’t know how to display my heating (climate) in color. The same with the roller shutters (cover). I use Homematic IP HmIP-eTRV respectively HmIP-BROLL.

  • when the heater is off (off) it should be gray
  • when the heater is on (heat), it should be red
  • when the heater is auto (auto), it should be green
  • when the shutter is open (open), it should be purple

However, the color specification only allows on and off. How can I solve the problem?
Thanks very much

1 Like

I see two possible ways to implement this.

  1. Make custom template(s) to define the colors and the corresponding states and call this template in the room card. You’ll need to put it in you custom_card folder as described here LINK
  2. Make changes in your dashboard.yaml directly for each card_room.
    But you need to check if there are already no_state templates with your desired colors. Otherwise choose another color or see 1). Available color templates can be checked here LINK

Example for 2):

...
templates:  
  - >
    [[[
        if (states['climate.your_entity].state === 'heat') 
            return 'red_no_state';
        else if (states['climate.your_entity].state === 'auto') 
            return 'green_no_state';
        return 'grey_off'
    ]]]
...
1 Like

Hallo Oliver,

Thanks very much, point two I have implemented accordingly

      - type: "custom:button-card"
        template:
          - card_detlef
        name: Detlef
        entity: sensor.detlef_temperature
        icon: mdi:teddy-bear
        tap_action:
          action: navigate
          navigation_path: "detlef"
        variables:
          label_use_temperature: true
          label_use_brightness: false
          entity_1:
            entity_id: climate.detlef_heizung
            templates: ->
              [[[
              if (states['climate.detlef_heizung'].state === 'heat')
              return 'red_no_state';
              else if (states['climate.detlef_heizung'].state === 'auto')
              return 'green_no_state';
              return 'grey_off'
              ]]]
            tap_action:
              action: more-info

I also created the custom_card
SCR-20230313-qkgo

If I understood you correctly, this should be a copy of card_room. I just don’t know what I need to change or add there.

Sorry for my bad English
Detlef

There’s no need to create a custom_card_room. Sorry if I expressed myself misleadingly.

If you use the second method, changes only need to be made in your dashboard.yaml like you did.
If it’s not working double check missing blanks and indentation.

If you want to use the first method you’ll need to make a card_template for your color and put in your custom_card folder.

Example for purple_open.yaml could be:

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

Be sure to reload UI Minimalist or to reboot HA.

Afterwards you should be able to use purple_open inside the card_room just like red_on or any other color template.

...
entity_1:
  entity_id: climate.detlef_heizung
  templates: 
    - purple_open
...
1 Like

Olivier, thank you very much. I had put blanks and indentation wrong.

Now I have also implemented your solution for the shutters.

SCR-20230313-toog

Thanks again for your perfect support

1 Like

I’ve got an issue with the card_cover. It show closed, but then undefined next to it. I have very simple code below. Looking at the docs, I can’t see I need to add another variable?

      - type: "custom:button-card"
        template: card_cover
        entity: cover.garage_door
        variables:
          ulm_card_cover_garage_large: true

image

1 Like