šŸŒ» Lovelace UI ā€¢ Minimalist

Hi everyone
Has version 0.0.8 been deleted?
I donā€™t see it on Github anymore ā€¦
Now the latest release is 0.0.7-hotfix2

Hello please. I canā€™t understand the basic structure. I follow tutorials and videos and I canā€™t get it to work. I give you examples

So it doesnā€™t show anything

---
button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"
# Button cards location
views: 
  !include views/home.yaml

Thatā€™s how it works. The problem is the custom cards. I add the template to the custom_cards folder of my project and still canā€™t find it.

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

title: "My new dashboard"
theme: "minimalist-desktop"
background: "var(--background-image)"
# views: !include_dir_merge_list "views/"
views:
  - type: "custom:button-card"
    template: "card_esh_welcome"
    triggers_update: "input_boolean.minimalist_dropdown"
    variables:
      ulm_card_esh_welcome_collapse: input_boolean.minimalist_dropdown
      ulm_weather: "weather.openweathermap"
      entity_1:
        nav: "house"
        icon: "mdi:home"
        name: "House"
        color: "blue"
      entity_2:
        nav: "lights"
        icon: "mdi:lightbulb"
        name: "Lights"
        color: "yellow"
      entity_3:
        nav: "security"
        icon: "mdi:shield"
        name: Secure
        color: "green"
      entity_4:
        nav: "network"
        icon: "mdi:nas"
        name: Lab
        color: "purple"
      entity_5:
        nav: "network"
        icon: "mdi:flask"
        name: Lab
        color: "red"  
  

file structure
Sin tĆ­tulo

Hey guys,

Something Iā€™ve found that may help people not seeing updates on their screen. is you need to save both the current yaml file that you are using to create a view, but also the main ui-lovelace.yaml (or whatever you have named it)

Have you refreshed ā€˜ui lovelace minimalistā€™ in the settings page of HA as well? Since 2022.5 you can find it under Developer Tools > Yaml > ā€˜UI LOVELACE MINIMALISTā€™ button.

Afterwards you also need to refresh the dashboard with the three dots > Refresh

edit: btw, I see that you have a card right under views, thatā€™s not possible. You should either seperate each view (like home.yaml) and include it in the main yaml OR you have one big YAML with all the views.

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

title: "My new dashboard"
theme: "minimalist-desktop"
background: "var(--background-image)"
# views: !include_dir_merge_list "views/"
views:
  - title: "Home"
    path: home
    icon: "mdi:home"
    cards:
      - type: "custom:button-card"
        template: "card_esh_welcome"
        triggers_update: "input_boolean.minimalist_dropdown"
        variables:
          ulm_card_esh_welcome_collapse: input_boolean.minimalist_dropdown
          ulm_weather: "weather.openweathermap"
          entity_1:
            nav: "house"
            icon: "mdi:home"
            name: "House"
            color: "blue"
          entity_2:
            nav: "lights"
            icon: "mdi:lightbulb"
            name: "Lights"
            color: "yellow"
          entity_3:
            nav: "security"
            icon: "mdi:shield"
            name: Secure
            color: "green"
          entity_4:
            nav: "network"
            icon: "mdi:nas"
            name: Lab
            color: "purple"
          entity_5:
            nav: "network"
            icon: "mdi:flask"
            name: Lab
            color: "red"  
1 Like

Yes. The one that says two is a trial version. The idea was to create a main file and in the views folder put all the files as Home. This is how I saw it in an Everythng, Smart Home tutorial. The Home.yaml file finds it but shows nothing. not even the bar with the three points. It finds it because if I change the name it gives me an error. thanks for answering

Maybe this is not the case, but if you have ā€˜minimalist-mobileā€™ as a theme in your profile it will not show the three dot menu (nor any of the views as a tab). What I do is when I create and edit the dashboard I use the ā€˜minimalist-desktopā€™ as a theme.

This is how I have it, it loads every view yaml inside the given folder.
Schermafbeelding 2022-05-06 163632

main dashboard yaml

And every view starts like this (01-home.yaml)
image

Also try with a simple card just to check if it shows, because the welcome card can give trouble sometimes when you havenā€™t filled it in correctly. Maybe like the person card or a simple binary sensor card.

2 Likes

Iā€™m super clear. And it worked for me. Thank you very much for the help

Hello everyone. I am adding this card to be able to see the popup. Does anyone have the script you need to find the phone and show the popup. Thank you very much

custom_card_imswel_person

Hello everyone. I am trying to create a new color template. But when I want to use it in a room card it says that it canā€™t find that template. Do I have to reload something for it to find it? Thank you

darkgrey_no_state:
  styles:
    icon:
      - color: "rgba(var(--color-darkgrey),1)"
    label:
      - color: "rgba(var(--color-darkgrey-text),1)"
    name:
      - color: "rgba(var(--color-darkgrey-text),1)"
    img_cell:
      - background-color: "rgba(var(--color-darkgrey), 0.2)"

Has anyone had any issues not getting units to show up in chips, specifically the icon state chips? Iā€™ve checked the chip code and checked my sensors have units but they donā€™t seem to display units for some reason!

Hi. Could you share the card? thank you

This does work. But you have to keep pressing the button, it only rings once. So if anyone knows how to make it loop until you ack that would be awesome :slight_smile:

alias: Find My Phone
sequence:
  - service: notify.mobile_app_iphone
    data:
      message: Here is your phone.
      data:
        persistent: true
        tag: persistent
        push:
          sound:
            name: vc~ringing.caf
            critical: 1
            volume: 1
mode: single
icon: mdi:cellphone

Perfect. Thank you very much
I found what you tell me looking for more.

  pablo_find_my_phone:
    sequence:
      - repeat:
          count: 3
          sequence:
            - service: notify.mobile_app_sm_g973f
              data:
                title: Encontrar mi telƩfono
                message: AcĆ” estoy
                data:
                  push:
                    sound:
                      name: Ringtone_UK_Haptic.caf
                      critical: 1
                      volume: 1.0
            - delay:
                seconds: 4

Hello everyone. Why canā€™t I get my air handler to look as different as it should?

This is how it looks
Sin tĆ­tulo

Custom-card ā€œHeat Pumpā€

This is how it should look

Yeah ok, I use node red for everything these days. forgot about repeats and delays, nice work :slight_smile:

Would be better if we could have it ring until acknowledged, but take what you can get :slight_smile:

Also; does name: Ringtone_UK_Haptic.caf work for you?

I get the same sound no matter what I put in lol

So I have to say, this has been great. I was originally using mushroom cards for the clean design, but after ESHā€™s video on this I decided to give it a whirl. The only thing that I canā€™t stand is that the default light card (w/ slider) turns the card color either yellow, or the color of the light. I canā€™t stand this. Iā€™d like to use the blue_on template, but it doesnā€™t seem to work. Can someone point me in the right direction? Thanks!

Hey guys,
my lovelace.yaml is currently quite simple.

lovelace:
  mode: storage

I have our greate minimalist dashboard and some simple UI-created dashboards.

My question: How do I make the minimalist dashboard ā€œadmin onlyā€?

Thank you!

Hi Guys,

Is anyone able to help me. Screwed it up. Had afresh install of 62bit HA. I followed the guide and manually installed all the front-end integrations. I then did the main add-in for it and had the UI Lovelace show up in my side bar, I clicked it and it gave me loads of errors saying cards hadnā€™t loaded. I checked and they were all installed in the front-ends section. So I disabled the UI Lovelace Integration, rebooted, re-enabled it and now for the life of me I cannot get the icon and link back in my side bar?

I have cleared chace, multiple browsers, private windows etc? Changed and saved the settings but still canā€™t get it to show back up?

Any ideas :confused:

Hello everyone. The custom person card opens a popup when one clicks on it. Why is it not opening anything?

I found the error but I donā€™t know how to fix it. When I check the configuration to see if everything is correct, it doesnā€™t find browse_mode. I read the documentation but Iā€™m not understanding something because I canā€™t find it. I put the browse_mod folder in different places and I canā€™t get it to work.

In the documentation it says that you have to configure it like this

      { url: "/local/vanilla-tilt.min.js?v=1.7.2",type: module },
      { url: "/local/my-cards.js", type: module },
      { url: "/browser_mod.js", type: module },      
      { url: "/local/font.css", type: css }

This is the location that I believe is where it should now be.

\192.168.1.4\config\www\custom_components\browser_mod

@basbrus: can you please share the code of your person card which adds the battery percent of the personā€™s phone? Thank you.