šŸŒ» Lovelace UI ā€¢ Minimalist

Hi togehter,

is is possible to get these animations working for button-card?

Thanks
Dominik

Quick question for the person card in UI-Minimalist. I use a dark mode and was wondering, when someone is not home, when I tap on them and the map comes up, it is very dark and hard to read. Is there a way to have the map still shown in light mode without having to have everything else in light mode (in other words, the google map that is embeded, have that be independent of the light/dark mode and set on itā€™s own)?

What version of HA do you use? Because the map in dark mode used to be really hard to read but this has much improved quite a while ago. If it is an old version, updating might already help a lot.

System Information

version core-2024.2.3
installation_type Home Assistant Supervised
dev false
hassio true
docker true
user root
virtualenv false
python_version 3.12.1
os_name Linux
os_version 6.1.0-18-arm64
arch aarch64
timezone America/New_York
config_dir /config
Home Assistant Community Store
GitHub API ok
GitHub Content ok
GitHub Web ok
GitHub API Calls Remaining 5000
Installed Version 1.34.0
Stage running
Available Repositories 1470
Downloaded Repositories 29
AccuWeather
can_reach_server ok
remaining_requests 21
Home Assistant Cloud
logged_in false
can_reach_cert_server ok
can_reach_cloud_auth ok
can_reach_cloud ok
Home Assistant Supervisor
host_os Debian GNU/Linux 12 (bookworm)
update_channel stable
supervisor_version supervisor-2024.02.0
agent_version 1.6.0
docker_version 25.0.3
disk_total 915.4 GB
disk_used 30.1 GB
healthy true
supported true
supervisor_api ok
version_api ok
installed_addons AdGuard Home (5.0.3), Log Viewer (0.17.0), Home Assistant Google Drive Backup (0.112.1), File editor (5.8.0), Terminal & SSH (9.9.0), Core DNS Override (0.1.1), Matter Server (5.2.0), Cloudflared (5.1.4)
Dashboards
dashboards 6
resources 20
views 39
mode storage
Recorder
oldest_recorder_run January 27, 2024 at 7:33 PM
current_recorder_run February 26, 2024 at 2:03 AM
estimated_db_size 2397.74 MiB
database_engine sqlite
database_version 3.44.2

I am using the theme minimalist-desktop and it always looks like this - very dark:

I put mine in for comparison, I guess the colors are the same but I think the surroundings add some more depth so it feels less dark.

Drats I thought you were saying yours was lighter. Any way to force just the map tro use a light background? That would be MUCH better, wouldnā€™t it?

Hey guys,

Can anyone share some ideas/ what they are doing for 2k portrait dashboards?

Im using dakboard with a button that takes me to HA and custom dash for the big screen (27") but Im not sure what it should look like and want some inspiration?

Thanks :slight_smile:

https://ui-lovelace-minimalist.github.io/UI/usage/cards/card_navigate/#usage

Can I use this to navigate to a external URL, how would I do that?

Thanks

I have to say, pretty happy with how this turned out

2 Likes

Quick question! is the Person Card broken? I am expecting to see the userā€™s photo but I donā€™t!
instead I am getting this.
Screenshot 2024-03-11 at 5.23.36 pm

here my yaml code, am I missing something?

  - type: horizontal-stack
    cards:
      - type: 'custom:button-card'
        template: card_person
        entity: person.saeed
        variables:
        ulm_card_person_entity: person.saeed
        ulm_card_person_use_entity_picture: true
        ulm_card_person_icon: mdi:face-man
        ulm_card_person_battery: sensor.battery_iphone
        ulm_card_person_eta: sensor.waze_travel_time_person
        ulm_address: sensor.s10_mike_gegeocodeerde_locatie

@Sisimomo I tried the very-cool looking custom_card_sisimomo_printer in my Minimalist dash today, but Iā€™m not seeing any bars. I do have Bar Card installed via HACS, are there other dependencies Iā€™m missing?

At the moment you need to manually apply PR as mentioned here:

Itā€™s because of a card_mod change.

1 Like

Hey, in case you didnā€™t get the nav working, hereā€™s what I did:

-  view_layout:
      grid-area: "welcome"
    type: "custom:button-card"
    template: card_welcome_scenes
    triggers_update: "input_boolean.minimalist_dropdown"
    variables:
      ulm_translation_scenes: ""
      ulm_card_welcome_scenes_collapse: "input_boolean.minimalist_dropdown"
      ulm_weather: "weather.forecast_home"
      entity_1:
        entity_id: binary_sensor.pill_constant
        nav_path: "home"
        icon: "mdi:home"
        name: "House"
        color: "blue"
      entity_2:
        entity_id: binary_sensor.pill_constant
        nav_path: "speakers"
        icon: "mdi:speaker"
        name: "Music"
        color: "yellow"
      entity_3:
        entity_id: binary_sensor.pill_constant
        nav_path: "cameras"
        icon: "mdi:cctv"
        name: CCTV
        color: "green"
      entity_4:
        entity_id: binary_sensor.pill_constant
        nav_path: "garage"
        icon: "mdi:garage"
        name: Garage
        color: "purple"

Hi there, I try to change the icons in chip_icon_double_state or chip_icon_state but after editing there are no icons rather the icon code is shown up
image

  - type: "custom:button-card"
    template: chip_icon_double_state
    variables:
      ulm_chip_icon_double_state_icon: mdi:fire
      ulm_chip_icon_double_state_entity_1: sensor.easyweatherv1_6_5_indoor_temperature
      ulm_chip_icon_double_state_entity_2: sensor.easyweatherv1_6_5_indoor_humidity
      ulm_chip_navigate_path: /lovelace-minimalist-ui/0
  - type: "custom:button-card"
    template: chip_icon_state
    variables:
      ulm_chip_icon_state_icon: mdi:clock
      ulm_chip_icon_state_entity: sensor.ipad_schlafzimmer_energy_total

I tried with and without quotes but both didn`t work.

WhatĀ“s wrong in my code? :thinking:

In chip_mdi_icon_only everything works fine:
image

  - type: "custom:button-card"
    template: chip_mdi_icon_only
    variables:
      ulm_chip_mdi_icon_only_entity: binary_sensor.bedroom_master_closed_door
      ulm_chip_mdi_icon_only_icon: mdi:fire

@MacPurschi: Thereā€™s basically nothing wrong with your code. The problem is that the chip is made for emojis and not for material based icons. So you can use an emoji or adapt the template code accordingly.

Below is an example. Not perfect but it works:

  - type: 'custom:button-card'
    template: chip_icon_double_state_mdi
    variables:
      ulm_chip_icon_double_state_mdi_icon: mdi:lightbulb
      ulm_chip_icon_double_state_mdi_entity_1: sensor.house_phase_b_active_power
      ulm_chip_icon_double_state_mdi_entity_2: sensor.house_phase_c_active_power
      ulm_chip_navigate_path: /lovelace-minimalist-ui/0
      #ulm_chip_mdi_icon_state_icon_color: red
      #ulm_chip_mdi_icon_state_label_color: green

Template Code

---
### Chip Icon Double State mdi ###
chip_icon_double_state_mdi:
  template: "chips"
  tap_action:
    action: "navigate"
    navigation_path: "[[[ return variables.ulm_chip_navigate_path; ]]]"
  triggers_update:
    - "[[[ return variables.ulm_chip_icon_double_state_mdi_entity_1 ]]]"
    - "[[[ return variables.ulm_chip_icon_double_state_mdi_entity_2 ]]]"
  show_icon: true
  icon: "[[[ return variables.ulm_chip_icon_double_state_mdi_icon ]]]"
  label: |
    [[[
      var state1 = "";
      if (states[variables.ulm_chip_icon_double_state_mdi_entity_1].state){
        var state1 = helpers.localize(states[variables.ulm_chip_icon_double_state_mdi_entity_1])
      }
      var state2 = "";
      if (states[variables.ulm_chip_icon_double_state_mdi_entity_2].state){
        var state2 = helpers.localize(states[variables.ulm_chip_icon_double_state_mdi_entity_2])
      }
      return state1 + " ā€¢ " + state2 ;
    ]]]
  styles:

    
    icon:
      - color: "[[[ return variables.ulm_chip_mdi_icon_state_icon_color; ]]]"
    label:
      - color: "[[[ return variables.ulm_chip_mdi_icon_state_label_color; ]]]"

You have to add a profile picture under ā€œSettingsā€ ā†’ ā€œPeopleā€ ā†’ ā€œYOUR USERā€

The template code doesnā€™t seem to be designed for the optional variables.

image
In my opinion it should look like this:

---
### Card Generic ###
card_generic:
  template:
    - "icon_more_info_new"
    - "ulm_translation_engine"
  variables:
    ulm_card_generic_icon: "[[[ return entity.ulm_card_generic_icon ]]]"
    ulm_card_generic_name: "[[[ return entity.ulm_card_generic_name ]]]"
    ulm_outlet_power_enable_popup: false
    ulm_card_generic_color: "[[[ return entity.ulm_card_generic_color ]]]"
    ulm_card_generic_force_background_color: false

And make sure there is no space:
image

And donā€™t mix characters:
image
Use either single or double quotes

Hi, I could do with some help.
Iā€™m using ā€œroom cardā€ and I would like to change le main icon depending on the state.
For example gate is closed > icon of the closed gate. If open > icon gate open.
Thanks

1 Like

Anyone using the weather-forecast card? I cant get it to show the full forecast

cards:
  - view_layout:
      grid-area: "weather"
    type: weather-forecast
    entity: weather.openweathermap
    forcast_type: daily
    show_forecast: true
    show_current: true
    show_day_name: true

Is my YAML

Is what I get, I have seen people using this with minimalist with the full forecast. Can anyone share their working YAML with me please? Thats all I want :slight_smile:

Thanks

Is there a way to fill a view with all the lights using auto-entities and than displaying them with de light-card which is in the minimalistic dashboard?

'This is the yaml i used.

1title: "Lichten"
path: "verlichting"
cards:
  - type: "custom:button-card"
    template: chip_back
    variables:
      ulm_chip_back_path: home

  - type: custom:auto-entities
    card:
      type: vertical-stack
      cards:
        - type: "custom:button-card"
          template: card_light
          variables:
            ulm_card_light_enable_slider: true
            ulm_card_light_enable_color: true
            ulm_card_light_force_background_color: true
          filter:
            include:
              - domain: light
            options:
              tap_action:
                action: toggle
            exclude:
              - entity_id: light.hal_schakelaar
    show_empty: false