🌻 Lovelace UI • Minimalist

[basti4k (Sebastian)]

A new custom:button-card Header with the blur Effect if you scroll:

• Back icon with link
• Name / Headline
• Weather Outside and Inside
• Weather Popup

UX Design Example with Blur Effect

here a Preview in light and dark:

custom:button-card Header with the blur Effect in light

custom:button-card Header with the blur Effect in dark

[freibiergesicht]

Exactly what I was looking for. Mind sharing the code?

[basti4k (Sebastian)]

yes i can do this. But I am still in development and not yet finished

[Habi (Morgan)]

It’s much easier than you think actually!
Open the .yaml file for the view where you want the scheduler to display (config… ui_lovelace_minimalist… dashboard… views…)

Then simply use the following code with whatever variables you want to be available in the ui (my example is for climate schedules):

  - type: custom:scheduler-card
    domains:
      include:
        - climate
    groups:
      - name: "Climates"
        icon: "hass:radiator"
        include:
          - climate

and now you can go into the UI and create/edit a schedule

[Snarkface08]

Wow thank you! I don’t know why, but I tried so many times and i couldn’t get it to work.
Now I have another question, are there some minimalist card to make a section with all the energy consumption? I have a Shelly EM and until now I used the energy dashboard. If I make a graph card with the shelly em entity, it show me the total amount of energy, not with a daily, weekly or monthly distinctness.

[Snarkface08]

When I try to setup some custom cards, the minimalist ui gives me a error:

In the image I tried to setup the lights count card. What does that mean?
Thank you all

[Habi (Morgan)]

No problem, happens to me all the time :’)

Try this: Power Details Custom-card - UI Lovelace Minimalist

I would also have a go at playing around with all the settings and variables in the graph card (even if you don’t achieve your result, it is good to learn).

[Habi (Morgan)]

It looks to me like you haven’t created the template file in your config. To use a custom card, you need to give it a template - inside config… ui_minimalist_lovelace… custom_cards (if this folder custom_cards isn’t there, create it.)
Within that folder, create a folder for your custom card: ui_minimalist_lovelace…custom_cards… custom_card_yagrasdemonde_lights_count
Now create a new file in the folder and call it: custom_card_yagrasdemonde_lights_count.yaml
In the file, paste the following template (taken from the card page)

template:
  - sensor:
      - name: "lights on"
        unique_id: lights_on
        icon: mdi:lightbulb-on-outline
        state: >
          {% set lights = [
              states.light.living_room,
              states.light.bedroom,
              states.light.bathroom,
              states.switch.kitchen,
              ] %}
          {{ lights | selectattr('state','eq','on') | list | count }}
      - name: "covers open"
        unique_id: covers_open
        icon: mdi:window-shutter-open
        state: >
          {% set covers = [
              states.cover.bedroom,
              states.cover.livingroom1,
              states.cover.livingroom2,
              ] %}
          {{ covers | selectattr('state','eq','open') | list | count }}

Hope that works!

[timovn (Timo)]

Hi,
Did you manage to find the solution? I copied over your example and had the same issue of just a small empty card.
Thanks

Edit: just noticed that it works for “popup_light_brightness” but not for “popup_thermostat_temperature”

[Valentino_Stillhardt]

This looks awesome! Should be the default imo

[Sweti3 (Markus)]

What Theme are you using? Looks AWESOME!

[mrmoos]

Hi, I just started using the default Room card, and found some entity settings are supposed to be set with the ‘templates’:

templates:
  - green_on
  - red_off

Are there any rules to what is allowed for these, or a page where I can see the available options?

[billyjoebob999]

The thermostat popup has been broken for the last few months.

Thermostat card has empty popup · Issue #1089 · UI-Lovelace-Minimalist/UI · GitHub

[timovn (Timo)]

Thanks!

But… It works now for me. I wanted it to pop up through a fire-dom-event. I got an error stating the ulm_card_thermostat_preset_mode was not set. Adding this variable (probably) did the trick.

This is how put it in, hopefully it works for you as well

            tap_action:
              action: "fire-dom-event"
              browser_mod:
                service: "browser_mod.popup"
                data:
                  large: false
                  hide_header: true
                  content:
                    type: "custom:button-card"
                    template: "popup_thermostat_temperature"
                    entity: "climate.woonkamer"
                    variables:
                      ulm_card_thermostat_preset_mode: true

[abercrombie1892]

hello, is there a way to swipe the pages instead of installing the back button?

[basti4k (Sebastian)]

Next Development for the Dashboard Welcome Card:

UX Design Example

here a Preview with no margin:

New Welcome Card with no margin
(I am not finished yet)

[jabronimus]

@Freshhat

                        ulm_card_graph_color: "var(--google-blue)"

Where did you get this awesome PNG for the car???

[Buckeyes1995]

Hi All,

I am new to UI Minimalist. I’m following the EverythingSmartHome Youtube guide. When I add a Title Card, it’s putting it to the right of the Welcomed card, instead of below the horizontal stack/person card, like in the video. I verified my code is identical to theirs… do you see what I’m doing wrong?

Here’s my code:

title: "Home"
path: "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.main_floor"
      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"

  - type: horizontal-stack
    cards:
      - type: "custom:button-card"
        template: card_person
        entity: person.jim
        variables:
          ulm_card_person_entity: person.jim
          ulm_card_person_use_entity_picture: true
          ulm_card_person_icon: mdi:face-man
          ulm_card_person_battery: sensor.jims_iphone_battery_level_app
          #ulm_card_person_eta: sensor.waze_travel_time_person
          #ulm_address: sensor.s10_mike_gegeocodeerde_locatie
      - type: "custom:button-card"
        template: card_person
        entity: person.tammy
        variables:
          ulm_card_person_entity: person.tammy
          ulm_card_person_use_entity_picture: true
          ulm_card_person_icon: mdi:face-woman
          #ulm_card_person_battery: sensor.jims_iphone_battery_level_app
          #ulm_card_person_eta: sensor.waze_travel_time_person
          #ulm_address: sensor.s10_mike_gegeocodeerde_locatie

  - type: "custom:button-card"
    template: card_title
    name: Rooms

[basti4k (Sebastian)]

first you need the “type: vertical-stack”

example:

title: "Test"
path: "test"
icon: "mdi:server-network"
id: "test"
theme: "minimalist-mobile-tapbar"
cards:

  - type: vertical-stack
    cards:
      ....

[Buckeyes1995]

Thanks, that worked… am having a weird issue that the first person shows up in my browser but not on my mobile.