šŸŒ» Lovelace UI ā€¢ Minimalist

sorry to bother you again, could you please share the following cards as well.
      - !include /config/dashboards/1p/column1.yaml
      - !include /config/dashboards/1p/column2.yaml
      - !include /config/dashboards/1p/column3.yaml 
Thank you for your time and help.

Sure,
This is column1:

type: vertical-stack
view_layout:
  grid-area: column1
cards:
  - type: 'custom:button-card'
    template: card_title
    name: "Temperatura"
      
  - type: horizontal-stack #temp-umi
    cards:
      - type: 'custom:button-card'
        template: card_graph
        variables:
          ulm_card_graph_color: "var(--google-blue)"
          ulm_card_graph_name: Umi
          ulm_card_graph_entity: sensor.1p_humidity
          ulm_card_graph_type: fill
          ulm_card_graph_hours: 48
      
      - type: 'custom:button-card'
        template: card_graph
        variables:
          ulm_card_graph_color: "var(--google-red)"
          ulm_card_graph_name: Temp
          ulm_card_graph_entity: sensor.1p_temperature_round
          ulm_card_graph_type: fill
          ulm_card_graph_hours: 48

  - type: "custom:button-card" #Termostato
    template: card_thermostat
    entity: climate.1p
    name: Termostato
    variables:
      ulm_card_thermostat_enable_collapse: true
      ulm_card_thermostat_enable_controls: true
      ulm_card_thermostat_enable_hvac_modes: true
      ulm_card_thermostat_enable_popup: true
      ulm_card_thermostat_name: Termostato

  - type: "custom:button-card" #Clima
    template: card_thermostat
    entity: climate.1p_air_conditioner
    name: Clima
    variables:
      ulm_card_thermostat_enable_collapse: true
      ulm_card_thermostat_icon: mdi:air-conditioner
      ulm_card_thermostat_enable_controls: true
      ulm_card_thermostat_enable_hvac_modes: true
      ulm_card_thermostat_enable_popup: false
      ulm_card_thermostat_enable_display_temperature: false
      ulm_card_thermostat_enable_background_color: true
      ulm_card_thermostat_name: Clima

This is column2:

type: vertical-stack
view_layout:
  grid-area: column2
cards:
  - type: 'custom:button-card'
    template: card_title
    name: "Luci"
  
  - type: horizontal-stack
    cards:
      - type: "custom:button-card"
        template: card_light
        entity: light.faretti_cucina
        variables:
          ulm_card_light_enable_slider: true
          ulm_card_light_enable_collapse: true
          ulm_card_light_enable_color: true
          ulm_card_light_name: Faretti
        hold_action:
          action: more-info
          entity: group.faretti_cucina
        
      - type: "custom:button-card"
        template: card_light
        entity: light.shelly_cucina
        variables:
          ulm_card_light_enable_color: true
          ulm_card_light_name: Cucina

  - type: horizontal-stack
    cards:
      - type: "custom:button-card"
        template: card_light
        entity: light.ikea_fungo
        variables:
          ulm_card_light_enable_slider: true
          ulm_card_light_enable_collapse: true
          ulm_card_light_enable_color: true
          ulm_card_light_name: Fungo
        hold_action:
          action: more-info

      - type: "custom:button-card"
        template: card_light
        entity: light.shelly_soggiorno
        variables:
          ulm_card_light_enable_color: true
          ulm_card_light_name: Divano

  - type: horizontal-stack
    cards:
      - type: "custom:button-card"
        template: card_light
        entity: light.shelly_bagno_pt
        variables:
          ulm_card_light_enable_color: true
          ulm_card_light_name: Bagno

      - type: "custom:button-card"
        template: card_light
        entity: light.shelly_lavanderia
        variables:
          ulm_card_light_enable_color: true
          ulm_card_light_name: Lavanderia

  - type: horizontal-stack
    cards:
      - type: "custom:button-card"
        template: card_light
        entity: light.shelly_scala
        variables:
          ulm_card_light_enable_color: true
          ulm_card_light_name: Scala

      - type: "custom:button-card"
        template: card_light
        entity: light.shelly_antebagno
        variables:
          ulm_card_light_enable_color: true
          ulm_card_light_name: Antebagno

  - type: 'custom:button-card'
    template: card_graph
    variables:
      ulm_card_graph_color: "var(--google-green)"
      ulm_card_graph_name: Tvoc
      ulm_card_graph_entity: sensor.aqara_tvoc_soggiorno_level
      ulm_card_graph_type: fill
      ulm_card_graph_hours: 48

This is column3:

type: vertical-stack
view_layout:
  grid-area: column3
cards:
  - type: 'custom:button-card'
    template: card_title
    name: "Dispositivi"

  - type: horizontal-stack
    cards:
      - type: 'custom:button-card'
        template: card_input_boolean
        entity: switch.homytv_wol
        icon: mdi:television
        name: Philips TV
        hold_action:
          action: more-info
        
  - type: horizontal-stack
    cards:
      - type: 'custom:button-card'
        template: card_input_boolean
        entity: media_player.fire_tv_di_nicola
        icon: mdi:television
        name: Fire TV
      - type: 'custom:button-card'
        template: card_input_boolean
        entity: remote.broadlink1p_remote
        name: Broadlink

  # - type: plant-status
  #   card_mod:
  #     !include /config/dashboards/template/style_template.yaml
  #   entity: plant.areca
  #   name: Areca
1 Like

Anyone try the custom:button-card yet? Getting this error. Thereā€™s no template code on the Github documentations so I grabbed from the original maker and used that.

mis

I was trying to use the new tomorrow.io pollen integration and the custom_card_wsly_pollen card, but I am getting a complaint about the ā€œcustom_card_wsly_pollen_language_variablesā€ variable missing. I didnā€™t see any mention in the documentation about needing any additional custom cards? Can someone explain?

hi @logistician
go to https://github.com/UI-Lovelace-Minimalist/UI/tree/main/custom_cards/custom_card_wsly_pollen/languages and youā€™ll find some language files (EN.yaml, ES.yaml, NL.yaml, DE.yaml).
If you need another language you can create yours getting inspired by those files.
When youā€™re ready you can put your language file in the same custom_card folder.

Thank you for the information. It really should be mentioned somewhere in the documentation.

Hello, what custom card have you used to make the announcements with alexa?
Thanks.

Hello I would like to know how I can make the back chip.
I would like to make the button go back and not to a specific URL.
I tried to put in

ulm_chip_back_path: "[[[window.history.back()]]]"

but doesnt work. Any ideas how I can make it work?

1 Like

I just tried it now and it crashes my dashboard on iOS, just like it did when I tried to create one myself. Anyone else had this issue?

1 Like

Iā€™ve got a weird behaviour with ESHā€™s welcome cardā€¦ the greeting message isnā€™t being generated properly. All other aspects of the card function as expected (collapsing, navigating, weather) except the greeting.

In my configuration Ido have a ā€˜timeā€™ entity and was using Paddyā€™s welcome card, which worked without issue. Anyone have an idea on whatā€™s going on?

image

The custom Person info card also doesnā€™t seem to work not even with the minimum required person.entity. Or Iā€™m doing something completely wrong. :rofl:

Can someone explain me how I can get a second ui-minimalist theme to work?
I want a second one for my tablet dashboard in the hallway.

1 Like

This page should provide you with the basic instructions to create a second dashboard: Customizing - UI Lovelace Minimalist

Hello,
Very nice!
Can you share your code please :hugs:

ā€˜ā€™ā€™
Sorry to bother you again. but after putting the three include yaml files they all appear in top of each other. Donā€™t know that is that Iā€™m doing wrong. I have removed the body of the three include file and only left the tile of each include file. This is what I get:
image. I cant get them to display properly. Thank you for your time and help.

Hey!
try to check the grid area column if is correct

type: vertical-stack
view_layout:
  grid-area: column1

When configuring the Popup iā€™m referring to column1, 2 and 3 and the code above is mandatary or you get something similar to your error.

Based on my experience the error you got is because of layout order in the grid area

BR

Hey,

The layout of that card was customized by me, itā€™s a simple vertical layout of buttons and helpers.
For the announce message I took inspiration from this topic.

Iā€™ve tailored the configuration for my needs. Anyway is very simple :slight_smile:

BR

Go for https://github.com/thomasloven/lovelace-layout-card

Thanks mate :slight_smile:

What are other peopleā€™s tablet layout?

This is what I got, but Iā€™m not super happy with it

Hey!
Can you be so kind to share the code for this card?
image

BR

Nik