šŸŒ» Lovelace UI ā€¢ Minimalist

I have been working with RomRider last week, I found a few bugs that he fixed, Iā€™m not saying I found all of them, but it seems to be working for me now.

2 Likes

Hello there, sorry for the late.
That graph is simply the weather forecast with custom:weather-chart-card

- view_layout:
    grid-area: "previsioni"
  type: custom:weather-chart-card
  entity: weather.openweathermap
  show_main: false
  show_attributes: false
  locale: it-IT
1 Like

Hello there, sorry for the late.
I used:

label: '[[[ return + states["sensor.sonoff_XXXXXX_temperature"].state +"Ā°C  | "+states["sensor.sonoff_XXXXXX_humidity"].state + "%"]]]'

Awesome! Thanks.

Also, would you be willing to share how you added the entity status symbols along the outside of the circle? Thats super nice

edit: and confirmed myself. v4.0.0 (and now v4.0.1) works perfectly with my minimalist dashboard

Did you figure this out @NdR? If so, how did you fix it? Iā€™m having the same issue.

sure hereā€™s the custom card, and example how to use. You can use up to 5 entities.

          - type: "custom:button-card"
            template:
              - custom_card_andyblac_room
              - yellow_no_state
            name: Lounge
            icon: mdi:sofa
            tap_action:
              action: navigate
              navigation_path: "lounge"
            variables:
              ulm_card_room_label_use_temperature: true
              ulm_card_room_label_use_humidity: true
              temperature_entity: "sensor.wiser_lts_temperature_lounge"
              humidity_entity: "sensor.wiser_lts_humidity_lounge"
              sensor_1:
                entity_id: binary_sensor.lounge_door_contact
                ulm_card_room_sensor_color: yellow
              sensor_2:
                entity_id: binary_sensor.lounge_motion_sensor_occupancy
                ulm_card_room_sensor_color: yellow
              sensor_3:
                entity_id: cover.lounge_window_shade
                ulm_card_room_sensor_color: yellow
              sensor_4:
                entity_id: cover.lounge_patio_window_shade
                ulm_card_room_sensor_color: yellow
              entity_2:
                entity_id: light.lounge_table_light
                templates:
                  - yellow_on
                tap_action:
                  action: toggle
              entity_3:
                entity_id: light.lounge_extention_lights
                templates:
                  - yellow_on
                tap_action:
                  action: toggle
              entity_4:
                entity_id: light.lounge_lamps
                templates:
                  - yellow_on
                tap_action:
                  action: toggle

1 Like

Hello Andy,

Would you please share the code of your weather forecast widget? Thanks in advance.

sure it uses these frontends for HACS

heres the dashbaord code

      - type: custom:stack-in-card
        mode: vertical
        cards:
          - type: custom:clock-weather-card
            entity: weather.forecast_use_your_weather_entity
            forecast_days: 5
            locale: en-GB
            hide_today_section: false
            hide_forecast_section: true
            hide_clock: false
            hide_date: false
            hourly_forecast: true
            use_browser_time: true
            card_mod:
              style: |
                ha-card {
                  height: 136px !important;
                }
          - type: custom:hourly-weather
            entity: weather.forecast_ weather.forecast_use_your_hourly_weather_entity
            num_segments: 18 # optional, defaults to 12
            name: "" # optional, defaults to "Hourly Weather"
            card_mod:
              style: |
                ha-card {
                  height: 90px !important;
                }
          - type: custom:clock-weather-card
            entity: weather.forecast_use_your_weather_entity
            sun_entity: sun.sun
            weather_icon_type: fill
            animated_icon: true
            forecast_days: 7
            locale: en-GB
            time_format: 24
            date_pattern: P
            hide_today_section: true
            hide_forecast_section: false
            hide_clock: false
            hide_date: false
            hourly_forecast: false
            use_browser_time: true

try my room card here, I have simplified it to:

          - type: "custom:button-card"
            template:
              - custom_card_andyblac_room
              - green_no_state
            name: Front Garden
            icon: mdi:flower
            tap_action:
              action: navigate
              navigation_path: "front-garden"
            variables:
              ulm_card_room_label_use_temperature: true
              ulm_card_room_label_use_humidity: true
              temperature_entity: "sensor.front_garden_motion_sensor_temperature"
              humidity_entity: "sensor.front_garden_soil_sensor_humidity"

Thank you.

I have the same issue. Some of my custom cards just not showing up after all the necessary updates. Washer, Room, and Camera cards just leave blank spaces on my Dashboard. I havenā€™t touched the code even once. Is that a bug, or some recoding is needed?

check your web browser console logs.

I have a custom dashboard set as defaultā€¦ on the mobile app when using ā€œminimalist-mobileā€ theme, how do you then access the site menu bar to be able to e.g. change password? I get the navigation buttons I have created at the top of my custom dashboard to navigate between dashboard pages, but cannot work out how to get to the slide-in menu for app configuration. What am I missing?

minimalist-desktop

Unfortunately not the answer, as it changes the way the menus of custom dashboards display. Incidentally too (minor detail) you canā€™t change TO minimalist-desktop without going into the menuā€¦ which is what I am trying to doā€¦

Is it really the case that if you have minimalist-mobile selected there is no longer any way to access the side menu?

You can get around this by creating a chip card to bring up the side bar. I use a combination of UIm cards and Mushrooms cards on my dashboard but iā€™m sure you can do the same using UIm chip card.

I did the same for Settings

I have since integrated those both chips into my welcome card for a clean look.

image

2 Likes

Perfect - thank you.

Iā€™ve been setting up a new dashboard with room cards and popups. It seems to work well except I donā€™t get any color on icons when things are either on or off. Colors are specified in the code (e.g., yellow_on), but it doesnā€™t happen. Iā€™ll paste code of one room below. Thanks in advance for any suggestions!

view_layout:
  grid-area: "main"
cards:
  - view_layout:
      grid-area: "card1"
    type: 'custom:button-card'
    template:
      - card_room
      - red_no_state
    name: Mom's Office
    entity: sensor.kids_room_temperature
    icon: mdi:desk
    tap_action:
      action: navigate
      navigation_path: 'momsoffice'
    variables:
      label_use_temperature: true
      label_use_brightness: false
      entity_1:
        entity_id: light.moms_office_main_lights
        templates:
          - yellow_on
        tap_action:
          action: toggle
      entity_2:
        entity_id: light.office_standing_lamp
        templates:
          - blue_on
        tap_action:
          action: toggle
      ulm_input_select_option: momsoffice
      ulm_input_select: input_select.minimalist_ui_switch

1 Like

You need to select the Minimalist Theme.
In the sidebar click on your name, pick minimalist from the menu dropdown once applied you should see the colors to show.

Is there a way to implement the calendar object into UI Minimalist? I have several automations that are kicked off from items in the calendar, it would be nice to be able to just drag those calenar items to different dates or update themā€¦?