šŸŒ» Lovelace UI ā€¢ Minimalist

Itā€™s not the first time that card has broken other cards. Itā€™s happened at least once before.

How should the overflow work on mobile if a horizontal stack of cards is too wide? Iā€™m just seeing scrolling and ideally I would like the cards to change size to fit the width of the screen.

For example I have 4 chip cards in a horizontal stack and they work fine on a bigger screen, but my phone it requires horizontal scrolling to see the last button.

Thanks!

I was wondering why my person card was in Polish ā€¦

On a related noteā€¦ anyone know how to adapt imswelā€™s person card to a vertical layout (ie. text below image) with either card-mod or by modifying the card template?
I tried to modify the template to do so but I canā€™t get the little notification icon to keep its proper position on different devices.

Hello everyone, first off I just want to thank everyone that has help made this wonderful dashboard. When I saw it it was exactly what Iā€™ve been looking for. Iā€™m making some great progress but one thing I canā€™t seem to figure out is how to make additional views. Could someone so kindly help with this?

@billyjoebob999

Didnā€™t pushed reply. Sorry if my answer is a bit messy Iā€™m in a rush and only on my mobile. Trying later to edit it with proper yaml examples.

I solved this two days ago.

What I did was to create a new folder called ā€œviewsā€ in the /config/ui-minimalist/ folder. Also you need to uncomment the include views line in your lovelace-ui.yaml in your dashboard folder

Each view needs to be a separate yaml file. To keep the views in the order you want, I would advise to put a number in front of the file name. For meint looks like this at the moment

Config
|
-- ui-lovelace-minimalist
   |
   -- views
       |
       -- 01_home
       -- 02_bad

Itā€™s wip for know as I try to figure a few things out first.

1 Like

Hey, I noticed that my speedtest card is bad:
SnĆ­mek obrazovky 2022-04-02 131341

The icon is under the name of the test. Also download has not tap function, but upload does - it opens the entity history.

1 Like

I am like this too

Awesome Lovelace UI !
Trying to set it up bot somehow the radius of the custom button, when using the template card_light, does not show up.
It does for other button-cards. Does anyone have clue?

Below my yaml part:

        - type: "custom:button-card"
          template: "card_light"
          entity: light.spots_keuken
          variables:
            ulm_card_light_enable_slider: true
            ulm_card_light_enable_color: true
            ulm_card_light_force_background_color: true
            ulm_card_light_enable_popup: true

And here is the result:

I wonder if this is related to the Weather Card. I was having the same issue. Have you tried removing it to see if that fixes it?

Only the card doesnā€™t have any effect, or should i then remove the entire HACS plugin?
Same styling appears on the default dashboard

See here. It is exactly the same issue I was having last night and I narrowed it down to the Weather card. I wasnā€™t sure if this was an issue with my instance, but to see your weather card keeping its border radius whilst the rest breaks makes me think it is a similar issue.

Not all of them break, the custom button with the template chip_power_consumption does have the radius.

Iā€™ve done the following steps but no changes for the light.
Still on the path of removing more and more HACS front-end

  • Removed the card from the dashboard yaml; No luck
  • Removed the plugin simple-weather-card; No luck
  • Restarted HA after removal; No luck

@Jroen @spamsal @xXkr13g3rXx check your user profile and select one of the minimalist themes. This will fix the issue :wink:

Hello guys, IĀ“ve a question. I think IĀ“m too silly to get it ^^

The docs for the room card mentions:

ā€œThe temperature should be provide by either a temperature or current_temperature attribute or by the entity state.ā€

- type: 'custom:button-card'
                template:
                  - card_room
                  - red_no_state
                name: Schlafzimmer
                entity: light.schlafzimmer_nachttischleuchte
                icon: mdi:bed-king-outline
                tap_action:
                  action: navigate
                  navigation_path: '/ui-lovelace-minimalist/bathroom'
                variables:
                  label_use_temperature: true
                  label_use_brightness: false
                  entity_1:
                    entity_id: light.badezimmer
                    templates:
                      - yellow_on
                      - red_off
                    tap_action:
                      action: toggle
                  entity_2:
                    entity_id: switch.schlafzimmer_steckdose
                    templates:
                      - green_on
                      - red_off
                    tap_action:
                      action: toggle
                  entity_3:
                    entity_id: light.badezimmer
                    templates:
                      - green_on
                      - red_off
                    tap_action:
                      action: toggle
                  entity_4:
                    entity_id: sensor.schlafzimmer_temperatur
                    templates:
                      - pink_on
                    tap_action:
                      action: toggle

Where do I have to put the temperature sensor? Within the variables? IĀ“ve tried it but without success.

Also things like ā€œpink_onā€, ā€œred_offā€ and so on doesnĀ“t work. Can you help me? Currently my baby-bottle is on for example but there is no color highlighting.

Thanks Bas :shushing_face:

First off check if you have the correct theme selected for the user you are currently logged in with (Sidebar ā†’ User Icon ā†’ Theme Dropdown). It should be one of the ā€œminimalistā€ themes.
The colors should work once the correct theme is selected.

The temperature sensor has to be the entity for the room card. So in your case replace light.schlafzimmer_nachttischleuchte with the sensor entity that provides the temperature.
You already set label_use_temperature and label_use_brightness correctly as I see it.

2 Likes

You are my hero!!! Big thank you!

2 Likes

Hi i am currently testing out ulm.
And having a hard time using some of the cards.
The room card has no errors (if there is an error it tells me) but its not showing up in my ui?
Anyone have any clue what is wrong?
I copied what kr13g3r did and it worked

I also had to add 5 entities, in the welcome card, or it would just show me the first entity

views:
  - title: "Example View"
    path: home
    icon: "mdi:flower"
    cards:
      - type: "vertical-stack"
        cards:
          - type: "custom:button-card"
            template: "card_welcome_scenes"
            entity: input_boolean.ui_card
            variables:
              ulm_card_welcome_scenes_collapse: input_boolean.ui_card
              ulm_weather: "weather.home"
              entity_1:
                entity_id: "scene.daytime"
                icon: "mdi:weather-partly-cloudy"
                name: "Day1"
                color: "blue"
              entity_2:
                entity_id: "scene.cozy"
                icon: "mdi:weather-night-partly-cloudy"
                name: "Cozy"
                color: "yellow"
              entity_3:
                entity_id: "scene.bedtime"
                icon: "mdi:bed"
                name: "Bed"
                color: "green"
              entity_4:
                entity_id: "scene.off"
                icon: "mdi:bed"
                name: "Off"
                color: "green"
              entity_5:
                entity_id: "scene.off"
                icon: "mdi:bed"
                name: "Off"
                color: "green"
          - type: "custom:button-card"
            template:
              - "card_room"
              - "yellow"
            name: Livingroom
            entity: sensor.netatmo_livingroom_livingroom_temperature
            icon: "mdi:sofa-outline"
            tap_action:
              action: navigate
              navigation_path: "view/livingroom"
            variables:
              label_use_temperature: true
              label_use_brightness: false

@Flo.C thank you so much for your reply! Looks like I was on the right track. Sadly though Iā€™m still having issues. When I try this it just puts the dashboard into edit mode. Clicking done doesnā€™t list anything


Hereā€™s what Iā€™ve done so far. I created the folder structure as you shown

image

Made the following changes to the ui-lovelace.yaml

I took all the yaml code from the ui-lovelace.yaml and added it to the 01_home.yaml

Any idea what Iā€™m missing?

Im not a professionell but I think you should delete rows 1 and 2.

Also I assume that you forgot the dash before title
And you need to add the path

This is how it looks for me

1 Like