🌻 Lovelace UI • Minimalist

[LRvdLinden (Léon van der Linden)]

Trys this template

card_welcome_scenes:
  variables:
    ulm_weather: "[[[ return variables.ulm_weather]]]"
    color_pill_1: >
      [[[
        var colors = ['yellow', 'blue', 'red', 'purple','green', 'pink'];
        var color = colors[Math.floor(Math.random() * colors.length)];
        return color;
      ]]]
    color_pill_2: >
      [[[
        var colors = ['yellow', 'blue', 'red', 'purple','green', 'pink'];
        var color = colors[Math.floor(Math.random() * colors.length)];
        return color;
      ]]]
    color_pill_3: >
      [[[
        var colors = ['yellow', 'blue', 'red', 'purple','green', 'pink'];
        var color = colors[Math.floor(Math.random() * colors.length)];
        return color;
      ]]]
    color_pill_4: >
      [[[
        var colors = ['yellow', 'blue', 'red', 'purple','green', 'pink'];
        var color = colors[Math.floor(Math.random() * colors.length)];
        return color;
      ]]]
    color_pill_5: >
      [[[
        var colors = ['yellow', 'blue', 'red', 'purple','green', 'pink'];
        var color = colors[Math.floor(Math.random() * colors.length)];
        return color;
      ]]]
  template:
    - "ulm_language_variables"
  show_icon: false
  show_name: false
  show_label: true
  styles:
    grid:
      - grid-template-areas: "'item1' 'item2' 'item3' 'item4'"
      - grid-template-columns: "1fr"
      - grid-template-rows: "min-content min-content"
      - row-gap: "0px"
    card:
      - border-radius: "var(--border-radius)"
      - box-shadow: "var(--box-shadow)"
      - padding: "10px"
  custom_fields:
    item1:
      card:
        type: "custom:button-card"
        template: "card_topbar_welcome"
        variables:
          ulm_weather: "[[[ return variables.ulm_weather]]]"
        styles:
          card:
            - border-radius: "none"
            - box-shadow: "none"
            - padding: "4px"
            - margin-left: "relative"
    item2:
      card:
        type: "custom:button-card"
        show_icon: false
        show_label: false
        show_name: true
        show_entity_picture: false
        name: |
          [[[
            let time = states[variables.ulm_time].state;
            let welcome = '';

            if (time > '18:00'){
              welcome = variables.ulm_evening;
            } else if (time > '12:00'){
              welcome = variables.ulm_afternoon;
            } else if (time > '05:00'){
              welcome = variables.ulm_morning;
            } else {
              welcome = variables.ulm_hello;
            }

            return welcome + ', ' + '   <br>' + user.name + '!';
          ]]]
        styles:
          name:
            - align-self: "start"
            - justify-self: "start"
            - font-weight: "bold"
            - font-size: "24px"
            - margin-left: "16px"
          grid:
            - grid-template-areas: "'i n' 'i l'"
            - grid-template-columns: "min-content auto"
            - grid-template-rows: "min-content min-content"
            - text-align: "start"
          card:
            - box-shadow: "none"
            - padding-bottom: "8px"
    item3:
      card:
        type: "custom:button-card"
        show_icon: true
        show_label: true
        show_name: true
        show_entity_picture: false
        name: "Scènes"
        icon: "mdi:dots-vertical"
        styles:
          icon:
            - height: "20px"
            - filter: "opacity(50%)"
          name:
            - align-self: "start"
            - justify-self: "start"
            - font-weight: "bold"
            - font-size: "18px"
            - margin-left: "16px"
          grid:
            - grid-template-areas: "'n i'"
            - grid-template-columns: "6fr 1fr"
            - grid-template-rows: "min-content min-content"
            - text-align: "start"
          card:
            - box-shadow: "none"
            - padding-bottom: "0px"
            - bottom: "10px"
    item4:
      card:
        type: "custom:button-card"
        template: >
          [[[
            if(variables.entity_pill_1 && variables.entity_pill_2 && variables.entity_pill_3 && variables.entity_pill_4 && variables.entity_pill_5){
              return 'card_scenes_welcome'
            } else {
              return 'card_scenes_welcome_auto'
            }
          ]]]
        styles:
          card:
            - border-radius: "none"
            - box-shadow: "none"
            - padding: "4px"
        variables:
          icon_pill_1: "[[[ return variables.icon_pill_1]]]"
          icon_pill_2: "[[[ return variables.icon_pill_2]]]"
          icon_pill_3: "[[[ return variables.icon_pill_3]]]"
          icon_pill_4: "[[[ return variables.icon_pill_4]]]"
          icon_pill_5: "[[[ return variables.icon_pill_5]]]"
          name_pill_1: "[[[ return variables.name_pill_1]]]"
          name_pill_2: "[[[ return variables.name_pill_2]]]"
          name_pill_3: "[[[ return variables.name_pill_3]]]"
          name_pill_4: "[[[ return variables.name_pill_4]]]"
          name_pill_5: "[[[ return variables.name_pill_5]]]"
          entity_pill_1: "[[[ return variables.entity_pill_1]]]"
          entity_pill_2: "[[[ return variables.entity_pill_2]]]"
          entity_pill_3: "[[[ return variables.entity_pill_3]]]"
          entity_pill_4: "[[[ return variables.entity_pill_4]]]"
          entity_pill_5: "[[[ return variables.entity_pill_5]]]"
          color_pill_1: "[[[ return variables.color_pill_1]]]"
          color_pill_2: "[[[ return variables.color_pill_2]]]"
          color_pill_3: "[[[ return variables.color_pill_3]]]"
          color_pill_4: "[[[ return variables.color_pill_4]]]"
          color_pill_5: "[[[ return variables.color_pill_5]]]"
card_title_welcome:
  tap_action:
    action: "none"
  show_icon: false
  show_label: true
  show_name: true
  styles:
    card:
      - background-color: "rgba(0,0,0,0)"
      - box-shadow: "none"
      - height: "auto"
      - width: "auto"
      - margin-top: "-10px"
      - margin-left: "16px"
      - margin-bottom: "-15px"
    grid:
      - grid-template-areas: "'n' 'l'"
      - grid-template-columns: "1fr"
      - grid-template-rows: "min-content min-content"
    name:
      - justify-self: "start"
      - font-weight: "bold"
      - font-size: "20px"
    label:
      - justify-self: "start"
      - font-weight: "bold"
      - font-size: "1rem"
      - opacity: "0.4"
card_scenes_welcome:
  show_icon: false
  show_name: true
  show_label: false
  styles:
    grid:
      - grid-template-areas: "'item1 item2 item3 item4 item5'"
      - grid-template-columns: "1fr 1fr 1fr 1fr 1fr"
      - grid-template-rows: "min-content"
      - justify-items: "center"
      - column-gap: "24px"
    card:
      - border-radius: "var(--border-radius)"
      - box-shadow: "var(--box-shadow)"
      - padding: "12px"
  custom_fields:
    item1:
      card:
        type: "custom:button-card"
        template: "card_scenes_pill_welcome"
        entity: "[[[ return variables.entity_pill_1 ]]]"
        icon: "[[[ return variables.icon_pill_1 ]]]"
        name: "[[[ return variables.name_pill_1 ]]]"
        styles:
          icon:
            - color: "[[[ return `rgba(var(--color-${variables.color_pill_1}), 1)`;]]]"
          img_cell:
            - background-color: "[[[ return `rgba(var(--color-${variables.color_pill_1}), 0.20)`;]]]"
        tap_action:
          action: "call-service"
          service: "scene.turn_on"
          service_data:
            entity_id: "[[[ return variables.entity_pill_1 ]]]"
    item2:
      card:
        type: "custom:button-card"
        template: "card_scenes_pill_welcome"
        entity: "[[[ return variables.entity_pill_2 ]]]"
        icon: "[[[ return variables.icon_pill_2 ]]]"
        name: "[[[ return variables.name_pill_2 ]]]"
        styles:
          icon:
            - color: "[[[ return `rgba(var(--color-${variables.color_pill_2}), 1)`;]]]"
          img_cell:
            - background-color: "[[[ return `rgba(var(--color-${variables.color_pill_2}), 0.20)`;]]]"
        tap_action:
          action: "call-service"
          service: "scene.turn_on"
          service_data:
            entity_id: "[[[ return variables.entity_pill_2 ]]]"
    item3:
      card:
        type: "custom:button-card"
        template: "card_scenes_pill_welcome"
        entity: "[[[ return variables.entity_pill_3 ]]]"
        icon: "[[[ return variables.icon_pill_3 ]]]"
        name: "[[[ return variables.name_pill_3 ]]]"
        styles:
          icon:
            - color: "[[[ return `rgba(var(--color-${variables.color_pill_3}), 1)`;]]]"
          img_cell:
            - background-color: "[[[ return `rgba(var(--color-${variables.color_pill_3}), 0.20)`;]]]"
        tap_action:
          action: "call-service"
          service: "scene.turn_on"
          service_data:
            entity_id: "[[[ return variables.entity_pill_3 ]]]"
    item4:
      card:
        type: "custom:button-card"
        template: "card_scenes_pill_welcome"
        entity: "[[[ return variables.entity_pill_4 ]]]"
        icon: "[[[ return variables.icon_pill_4 ]]]"
        name: "[[[ return variables.name_pill_4 ]]]"
        styles:
          icon:
            - color: "[[[ return `rgba(var(--color-${variables.color_pill_4}), 1)`;]]]"
          img_cell:
            - background-color: "[[[ return `rgba(var(--color-${variables.color_pill_4}), 0.20)`;]]]"
        tap_action:
          action: "call-service"
          service: "scene.turn_on"
          service_data:
            entity_id: "[[[ return variables.entity_pill_4 ]]]"
    item5:
      card:
        type: "custom:button-card"
        template: "card_scenes_pill_welcome"
        entity: "[[[ return variables.entity_pill_5 ]]]"
        icon: "[[[ return variables.icon_pill_5 ]]]"
        name: "[[[ return variables.name_pill_5 ]]]"
        styles:
          icon:
            - color: "[[[ return `rgba(var(--color-${variables.color_pill_5}), 1)`;]]]"
          img_cell:
            - background-color: "[[[ return `rgba(var(--color-${variables.color_pill_5}), 0.20)`;]]]"
        tap_action:
          action: "call-service"
          service: "scene.turn_on"
          service_data:
            entity_id: "[[[ return variables.entity_pill_5 ]]]"
card_scenes_pill_welcome:
  show_icon: true
  show_label: false
  show_name: true
  styles:
    grid:
      - grid-template-areas: "'i' 'n'"
      - grid-template-columns: "min-content"
      - grid-template-rows: "1fr 1fr"
      - row-gap: "12px"
      - justify-items: "center"
      - column-gap: "auto"
    card:
      - padding: "5px"
      - border-radius: "50px"
      - place-self: "center"
      - width: "52px"
      - height: "84px"
      - box-shadow: >
          [[[
            if (hass.themes.darkMode){
              return "0px 2px 4px 0px rgba(0,0,0,0.80)";
            } else {
              return "var(--box-shadow)";
            }
          ]]]
    icon:
      - color: "[[[ return `rgba(var(--color-theme), 0.20)`;]]]"
      - width: "20px"
    img_cell:
      - background-color: "[[[ return `rgba(var(--color-theme), 0.05)`;]]] "
      - border-radius: "50%"
      - width: "42px"
      - height: "42px"
    name:
      - font-weight: "bold"
      - font-size: "9.5px"
      - width: "33px"
      - padding-bottom: "7px"
    state:
      - color: "rgba(var(--color-theme),0.9)"
  color: "var(--google-grey)"

card_topbar_welcome:
  show_icon: false
  show_name: true
  show_label: false
  styles:
    grid:
      - grid-template-areas: "'item1 item2 item3'"
      - grid-template-columns: "1fr 7fr 1fr"
      - grid-template-rows: "min-content"
      - justify-items: "center"
    card:
      - border-radius: "var(--border-radius)"
      - box-shadow: "var(--box-shadow)"
      - padding: "12px"
  custom_fields:
    item1:
      card:
        type: "custom:button-card"
        tap_action:
          action: navigate  
          navigation_path: "/lovelace-minimalist/4"
        template: "chip_mdi_icon_only"
        variables:
          ulm_chip_mdi_icon_only_icon: "phu:tesla-icon"
    item2:
      card:
        type: "custom:button-card"
        tap_action:
          action: navigate  
          navigation_path: /lovelace-minimalist/3
        template: "chip_temperature_custom"
        variables:
          ulm_weather: "[[[ return variables.ulm_weather]]]"
    item3:
      card:
        type: "custom:button-card"
        tap_action:
          action: "navigate"
          navigation_path: "/config/dashboard"
        template: "chip_mdi_icon_only"
        variables:
          ulm_chip_mdi_icon_only_icon: "mdi:cog-outline"

chip_temperature_custom:
  template: "chips"
  triggers_update: "all"
  label: |
    [[[
      const months = ["Jan", "Feb", "Mar","Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"];
      let current_datetime = new Date()
      if(current_datetime.getDate()== 1 || current_datetime.getDate()== 8 || current_datetime.getDate() >= 20){
        var date = "ste";
      } else{
        var date = "de";
      }
      var icon = '🌡️';
      if (states[variables.ulm_weather].state == 'clear-night'){
        var icon = '🌙';
      } else if(states[variables.ulm_weather].state == 'cloudy'){
        var icon = '☁️';
      } else if(states[variables.ulm_weather].state == 'exceptional'){
        var icon = '🌞';
      } else if(states[variables.ulm_weather].state == 'fog'){
        var icon = '🌫️';
      } else if(states[variables.ulm_weather].state == 'hail'){
        var icon = '⛈️';
      } else if(states[variables.ulm_weather].state == 'lightning'){
        var icon = '⚡';
      } else if(states[variables.ulm_weather].state == 'lightning-rainy'){
        var icon = '⛈️';
      } else if(states[variables.ulm_weather].state == 'partlycloudy'){
        var icon = '⛅';
      } else if(states[variables.ulm_weather].state == 'pouring'){
        var icon = '🌧️';
      } else if(states[variables.ulm_weather].state == 'rainy'){
        var icon = '💧';
      } else if(states[variables.ulm_weather].state == 'snowy'){
        var icon = '❄️';
      } else if(states[variables.ulm_weather].state == 'snowy-rainy'){
        var icon = '🌨️';
      } else if(states[variables.ulm_weather].state == 'sunny'){
        var icon = '☀️';
      } else if(states[variables.ulm_weather].state == 'windy'){
        var icon = '🌪️';
      }
      let formatted_date = current_datetime.getDate() + date + " " + months[current_datetime.getMonth()] + "."
      return icon + ' ' + formatted_date
    ]]]

card_scenes_welcome_auto:
  show_icon: false
  show_name: true
  show_label: false
  styles:
    grid:
      - grid-template-areas: "'item1 item2 item3 item4 item5'"
      - grid-template-columns: "1fr 1fr 1fr 1fr 1fr"
      - grid-template-rows: "min-content"
      - justify-items: "center"
      - column-gap: "24px"
    card:
      - border-radius: "var(--border-radius)"
      - box-shadow: "var(--box-shadow)"
      - padding: "12px"
  custom_fields:
    item1:
      card:
        type: "custom:auto-entities"
        card:
          type: "grid"
          columns: 1
          square: false
        card_param: "cards"
        sort:
          count: 1
        filter:
          include:
            - domain: "script"
              options:
                type: "custom:button-card"
                template: "card_scenes_pill_welcome"
                styles:
                  icon:
                    - color: "[[[ return `rgba(var(--color-${variables.color_pill_1}), 1)`;]]]"
                  img_cell:
                    - background-color: "[[[ return `rgba(var(--color-${variables.color_pill_1}), 0.20)`;]]]"
                tap_action:
                  action: "call-service"
                  service: "scene.turn_on"
                  service_data:
                    entity_id: "this.entity_id"
    item2:
      card:
        type: "custom:auto-entities"
        card:
          type: "grid"
          columns: 1
          square: false
        card_param: "cards"
        sort:
          count: 1
          first: 1
        filter:
          include:
            - domain: "script"
              options:
                type: "custom:button-card"
                template: "card_scenes_pill_welcome"
                styles:
                  icon:
                    - color: "[[[ return `rgba(var(--color-${variables.color_pill_2}), 1)`;]]]"
                  img_cell:
                    - background-color: "[[[ return `rgba(var(--color-${variables.color_pill_2}), 0.20)`;]]]"
                tap_action:
                  action: "call-service"
                  service: "scene.turn_on"
                  service_data:
                    entity_id: "this.entity_id"
    item3:
      card:
        type: "custom:auto-entities"
        card:
          type: "grid"
          columns: 1
          square: false
        card_param: "cards"
        sort:
          count: 1
          first: 2
        filter:
          include:
            - domain: "script"
              options:
                type: "custom:button-card"
                template: "card_scenes_pill_welcome"
                styles:
                  icon:
                    - color: "[[[ return `rgba(var(--color-${variables.color_pill_3}), 1)`;]]]"
                  img_cell:
                    - background-color: "[[[ return `rgba(var(--color-${variables.color_pill_3}), 0.20)`;]]]"
                tap_action:
                  action: "call-service"
                  service: "scene.turn_on"
                  service_data:
                    entity_id: "this.entity_id"
    item4:
      card:
        type: "custom:auto-entities"
        card:
          type: "grid"
          columns: 1
          square: false
        card_param: "cards"
        sort:
          count: 1
          first: 3
        filter:
          include:
            - domain: "script"
              options:
                type: "custom:button-card"
                template: "card_scenes_pill_welcome"
                styles:
                  icon:
                    - color: "[[[ return `rgba(var(--color-${variables.color_pill_4}), 1)`;]]]"
                  img_cell:
                    - background-color: "[[[ return `rgba(var(--color-${variables.color_pill_4}), 0.20)`;]]]"
                tap_action:
                  action: "call-service"
                  service: "scene.turn_on"
                  service_data:
                    entity_id: "this.entity_id"
    item5:
      card:
        type: "custom:auto-entities"
        card:
          type: "grid"
          columns: 1
          square: false
        card_param: "cards"
        sort:
          count: 1
          first: 4
        filter:
          include:
            - domain: "script"
              options:
                type: "custom:button-card"
                template: "card_scenes_pill_welcome"
                styles:
                  icon:
                    - color: "[[[ return `rgba(var(--color-${variables.color_pill_5}), 1)`;]]]"
                  img_cell:
                    - background-color: "[[[ return `rgba(var(--color-${variables.color_pill_5}), 0.20)`;]]]"
                tap_action:
                  action: "call-service"
                  service: "scene.turn_on"
                  service_data:
                    entity_id: "this.entity_id"

[LRvdLinden (Léon van der Linden)]

@andriuskr Than this UI card

    - type: horizontal-stack
      cards:              
        - type: custom:button-card
          template:
            - card_welcome_scenes
          variables:
            ulm_weather: "weather.openweathermap"
            ulm_time: "sensor.time"
            icon_pill_1: "hue:bulb-group-sultan-lightstrip-off"
            icon_pill_2: "hue:room-lounge"
            icon_pill_3: "phu:ls-sultan-iris-group-v2"
            icon_pill_4: "hue:room-dining"
            icon_pill_5: "fapro:party-horn"
            name_pill_1: "Uit"
            name_pill_2: "Avond"
            name_pill_3: "Avond1"
            name_pill_4: "Eten"
            name_pill_5: "Test"
            entity_pill_1: scene.alles_uit
            entity_pill_2: scene.avond
            entity_pill_3: scene.avond_1
            entity_pill_4: scene.eten
            entity_pill_5: scene.test
            color_pill_1: yellow
            color_pill_2: blue
            color_pill_3: purple
            color_pill_4: green
            color_pill_5: red   

[LRvdLinden (Léon van der Linden)]

@andriuskr this wilbe the outcome

[CM000n (Simon)]

0.0.5

Changes

Hi guys, it’s been a while now since you’ve heard from us again.
We have not been idle in the meantime and there has been some new development and especially improvements to the code and our documentation.
So many that it would take way too long to list them all here. Please read the changelog and open an issue on Github or visit us on our Discord channel if you have any questions.

However, there is one important change that we should discuss in more detail:

Breaking Changes!

Since the HACS release, we have noticed increased confusion regarding the naming of some cards. Therefore we have decided to rename some of the cards with this release (PR: 342) to avoid confusion for upcoming users.

Old name	New name
card_cover_with_buttons	card_cover_buttons
card_media_player_with_control	card_media_player_art
card_media_player_with_controls	card_media_player_controls

Features

• #335 Give a Glance of Minimalist-UI basbruss
• #372 Feature: my enedis custom_chip acesyde
• #125 Initial attempt at creating the room card bavo
• #378 Create custom_card_irmajavi_entities irmajavi
• #338 Add welcome_card for auto-generated dashboard basbruss
• #379 Custom card for Speedtest.net Integration irmajavi
• #363 All in one card for thermostat + popup schumijo
• #377 Allow use of label or icon color in some chips aehru
• #390 Custom Person Card + Popup imswel
• #395 Custom Card Homeassistant updates AndyVRD
• #385 Added minimalist-mobile-tapbar theme Ned-Tom
• #399 Add card_vacuum basbruss
• #388 Show Geolocation as label telefoon13

Code enhancements

• #341 Version: 1.0.1 of custom_card_input_number sildehoop
• #339 card_light: Use icon if it’s set on the device stokkie90
• #355 [custom_card_input_datetime] Update readme and add image and rename yaml file sildehoop
• #354 [custom_card_scenes] Fix readme and update image sildehoop
• #353 [custom_card_input_number] Update readme and add image sildehoop
• #362 Add support for xy mode schumijo
• #342 Fix card naming sildehoop
• #363 All in one card for thermostat + popup schumijo
• #365 Add some predefined color templates to the ui bavo
• #383 Pre-release improvements card_welcome_scenes basbruss
• #382 [custom_card_scenes] Implementation of nested variables sildehoop
• #398 Update card_cover_buttons.yaml AndyVRD
• #404 Update icon color to red when active only mekenthompson
• #403 Added ulm_language variables to name template AndyVRD
• #402 Variables updated AndyVRD

Bug Fixes

• #336 Fix Unknown_panel_warning stokkie90
• #375 Correct slider when unavailable schumijo
• #368 Fix card_battery charging icon AndyVRD

Translations

• #343 Adds norwegian translation. jonkristian
• #359 Fix translations aehru
• #367 custom_card_paddy_welcome italian translation AlbertoAbruzzo
• #394 Update Polish translation desty2k
• #389 Add Czech & Slovak translations. mstefany
• #408 Language adjustments CM000n

Documentation

• #349 Correcting the titles in the doc(s) r0binj
• #361 Fix folder hirarchie on wiki CM000n
• #356 Updated docs for vert_butt mp-se
• #363 All in one card for thermostat + popup schumijo
• #348 Add Usage Layout and removed custom-repo from hacs docs stokkie90
• #387 Improve custom card documentation basbruss
• #401 Fixed Typo Hypercookie

Thank you so much for helping out to keep this UI awesome

AlbertoAbruzzo, AndyVRD, CM000n, Hypercookie, Ned-Tom, acesyde, actions-user, aehru, basbruss, bavo, desty2k, github-actions, github-actions[bot], imswel, irmajavi, jonkristian, mekenthompson, mp-se, mstefany, r0binj, schumijo, sildehoop, stokkie90, telefoon13

[Schimmelreiter (Hauke)]

Finally managed to create a card for manually controlling an irrigation system (I use irrigation unlimited) - for having a look on the automatic piece of irrigation_unlimited I will create an additional card…
For manual irrigation see my 4 zones:

The manual runtime is incremented/decreased by the standard ha service. The upper right button enables the valve and the lower two buttons cancel/stop or start the valve. They trigger the corresponding services for irrigation unlimited.

[panhans]

If anyone wants randomized icon colors for example when combining this theme with auto-entities or you simply too lazy to define a color codes for a card I use this template for that purpose:

Templates

custom_icon_color:
  variables:
    icon_color: theme
  styles:
    img_cell:
      - background-color: "[[[ return 'rgba(var(--color-' + variables.icon_color + '),0.05)'; ]]]"
    icon:
      - color: "[[[ return 'rgba(var(--color-' + variables.icon_color + '),1)'; ]]]"

custom_random_icon_color:
  template: custom_icon_color
  variables:
    icon_color: >
      [[[
        let colors = ['red', 'blue', 'green', 'yellow'];
        let colorCount = Math.floor(Math.random() * colors.length);
        return colors[colorCount];
      ]]]

Lovelace
Define a color by yourself:

type: "custom:button-card"
template: 
  - card_generic
  - custom_icon_color
variables:
  icon_color: yellow
entity: input_datetime.klingel

Define a color randomly:

type: "custom:button-card"
template: 
  - card_generic
  - custom_random_icon_color
entity: input_datetime.klingel

[D0doooh]

hi together

I have the following scene switches which work with input_select entities.

Many functions are still very hard linked in the code if someone is interested to rewrite this with variables or help me a bit I would like to publish it.

I use it, for example, to control the automatic lawn mower or to display the status of people, and to control the alarm.

[madir]

hi, great work!
can this be used with a light entity??
I would like to use it with a light as an manual timer, after selected time the light would turns off?!!
are you able to adopt your code to make it work?

[andriuskr (Andrius)]

Cannot figure out, why new welcome message shows bad welcoming message. It shows Good evening in the morning

[renome (Renome Perfect)]

Thanks a lot

[Schimmelreiter (Hauke)]

Hi Madir,
basically yes! The button-cards “play”, “cancel” currently trigger a service or script - that could be changed to become a timer-automation / script …
I can provide you my code - but the adoption has to be done be yourself… I have not so much time to do it for you…
Cheers

[madir]

Hi, Schimmelreiter,
thanks for your reply! please do share your code, I will try use it for a light!
I am not a coder but lets see! Madir

[marvandorth (Marnix van Dorth)]

Time to share my dashboard. Really inspired by 7ahang’s page.
Took me a few days to really understand this custom:button-card idea, but managed to make something nice!
Let me know what you guys think?

[madir]

Hello guys/girls,

I am trying science a while to get the popups to work, but I only get the standard more info!
I have the latest version from HACS.
none of the popups are working for me!
I have tried light and thermostat.

and the code :

## climate control
  - type: "custom:button-card"
    template: card_thermostat
    entity: climate.thermostat_bedroom_1
    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_enable_display_temperature: true
#      ulm_card_thermostat_enable_background_color: true

can someone please explain me step by step how to get this working? any help is highly appreciated.

[danieldevos90]

Hello everyone,

Is there already a video card for RING and other webcams?

Thanks!!

[marvandorth (Marnix van Dorth)]

https://ui-lovelace-minimalist.github.io/UI/usage/popups/popup_thermostat/
Should be here

EDIT: Sorry, saw you already enabled that variable.
You’re trying tap&hold?

[marvandorth (Marnix van Dorth)]

Check je DM’s

[madir]

yes, I am trying tap and hold, and all possible other variation but only getting the standard more info!
do you also have the same problem??

do I need to have the popup templates copied in my local files together with other custom_cards??

[basbrus (Bas)]

Do you by any change have installed browser_mod? And also added in in your configuration.yaml file?

browser_mod:

GitHub - thomasloven/hass-browser_mod: 🔹 A Home Assistant integration to turn...

[madir]

yes,
I do have browser_mod: in my configuration.yaml !
but only after two reboots it worked!

Thanks Basbruss!