🌻 Lovelace UI • Minimalist

Vintage89 · August 1, 2022, 8:45pm

Is there anyway to remove the yellow background on the slider cards?

brytere

currydani · August 1, 2022, 9:23pm

wow thank you!

damonkohler · August 2, 2022, 4:33pm

I’m having trouble hiding the view tabs along the top. Changing my theme from minimalist-desktop to minimalist-mobile doesn’t seem to be hiding it the way I think it’s supposed to. As far as I can tell, the themes are configured correctly as I’m able to change the theme in my profile.

Any suggestions?

frankmf · August 2, 2022, 10:05pm

Hi, if anyone can help, I’m having trouble using “tap_action”, after the updates stopped working.

  - type: 'custom:button-card'
    template: card_power_outlet
    entity: switch.sonoff_100142a43e
    variables:
      ulm_card_power_outlet_consumption_sensor: sensor.sonoff_100142a43e_power
      ulm_card_power_outlet_name: Garagem • Minerador
      ulm_card_power_outlet_icon: mdi:expansion-card
    tap_action:
      action: navigate
      navigation_path: 'garagem'

liminal · August 3, 2022, 3:46am

Mate! Thats really good!

Ive been looking for a better look to the main tablet UI.

Are you sharing the code?

dgarciadonado · August 3, 2022, 8:17am

Hi!!

Anyone knows how to bring to front this custom icon I have created to show if an input_boolean is “on” over a card_light. Now is partially hidden by the main icon.

This is the code of the button:

      - type: 'custom:button-card'
        template: 
          - light_circadian_icon        
          - card_light
        entity: light.multi_1b
        variables:
          ulm_card_light_name: Techo
          ulm_card_light_enable_slider: true          
          ulm_card_light_enable_color: true
          ulm_card_light_enable_popup: true

And this is the template “light_circadian_icon” I have created to show the button:

light_circadian_icon:
  styles:    
    custom_fields:
      circadian_icon:
        - border-radius: "50%"
        - z-index: "999 !important"
        - position: "absolute"
        - left: "38px"
        - top: "4px"
        - height: "16px"
        - width: "16px"
        - border: "2px solid var(--card-background-color)"
        - font-size: "12px"
        - line-height: "14px"
        - background-color: >
            [[[
              if ( states[variables.ulm_circadian_ib].state == 'on' && states[variables.ulm_circadian_light].state != 'unavailable' ) {
                return "rgba(var(--color-yellow),1)";
              } else {
                return "rgba(var(--color-grey),1)";
              }
            ]]] 
  custom_fields:
    circadian_icon: >
      [[[
          return `<ha-icon icon="mdi:sun-clock-outline" style="width: 12px; height: 12px; color: var(--primary-background-color);"></ha-icon>`
      ]]]

I am modifying the values of z-index but I can’t get it work.
Thank you!!

benm7 · August 3, 2022, 8:58am

I have the same issue

benm7 · August 3, 2022, 9:46am

Yep will share shortly, although I have already changed it quite a bit to be honest to make better use of scrolling and space. Will upload code and screenshots by end of week hopefully.

jsdphilly · August 3, 2022, 11:48pm

Thanks! Very much looking forward to using some of your amazing stuff!

basbrus · August 4, 2022, 1:14pm

The official cards had the same problem a time ago. I solved it by adjusting the overflow of the icon-grid-area. I achieved it by adding this code to that particular area:

styles:
  card:
    - overflow: "visible"

I hope this also works for you!

tfmeier · August 4, 2022, 3:45pm

I’m trying to get minimalist going in response to the video from Everything Smart Home This Smart Home Dashboard Isn't Easy But It's Worth It... - YouTube
At 5:34 he installs my card which I can’t find in HACS so I get the following error on the UI

Custom element doesn't exist: my-slider.
type: custom:my-slider entity: light.shellydimmer~

Has the name of this card changed?

idominiki · August 5, 2022, 4:54am

Hey @Brazier85

Is it possible to round the values at this point, too. I just integrated my Eve Room via the new Bluetooth extension. But Eve send the value 28.5023498535156.

Would be great If anyone can help.

Thanks
Dominik

Andras · August 5, 2022, 7:42am

First you need to add this custom repository:

After that, you will be able to install the modul.

tfmeier · August 5, 2022, 8:35am

Thanks got it now. Now onto building a great dashboard… Pretty excited to see what mine will look like

basbrus · August 5, 2022, 12:07pm

V1.1.0

This release brings some big improvements to the framework :

From now on you can let the integration download and update Custom Cards, thanks to @stokkie90

Custom Actions has received additional improvements and added support for custom popups, thanks to @matrixx567
A new Weather Popup is introduced, thanks to @schumijo

Changes

#902 Revert “Fix typo in Device Tracker Custom-card doc” @basbruss
#907 Added cards for adaptive board @stokkie90
#906 Add Codespell to pre-commit hook @stokkie90
#891 feat(card-person): use variable icon @bokub
#912 Fix unnecessary usage of custom action templates @matrixx567
#913 Allow none entities for custom actions. @matrixx567
#910 Add documentation of custom_popups for PR#878 @matrixx567
#915 Custom Card “Room” support for new popups @mpeterson
#922 Update Polish translation @desty2k
#908 Release V1.1.0 @basbruss

Features

#888 Initial version to support selecting community cards @stokkie90
#894 Add weather popup @schumijo
#919 Use entity variable for custom popups. @matrixx567

Code enhancements

#878 Custom popups for cards that uses custom actions. @matrixx567
#898 Update card_media_player.yaml @mdb17
#914 [card_media_player] added standby logic @mdb17

Custom Card enhancements

#879 Fix text overflowing issue in custom card “room” @mpeterson
#881 Custom Card “room” better text overflow and use of ulm_actions_card @mpeterson
#916 Improve zones @rob1998

Bug Fixes

#892 Hide exclamation to solve #880 @schumijo
#918 Fix name attribute in custom NAS card @IanDBird
#923 Small Fix before release @schumijo

Translations

#890 Added german language file for “custom_card_ristou_person” @eopo

Documentation

#887 Fix typo in Device Tracker Custom-card doc @bokub
#909 [Action] Update custom_cards docs @github-actions
#903 Community Card Selection Docs @stokkie90
#921 [Action] Update custom_cards docs @github-actions

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

@IanDBird, @basbruss, @bokub, @desty2k, @eopo, @github-actions, @matrixx567, @mdb17, @mpeterson, @rob1998, @schumijo, @stokkie90, Ian Bird and rick.stokkingreef

dgarciadonado · August 5, 2022, 3:08pm

Thank you very much for your answer @basbrus!! Unfortunately, it seems that I can not get it work.
I’ve tried:

Applying the style in the main card:

      - type: 'custom:button-card'
        template: 
          - light_circadian_icon        
          - card_light
        entity: light.multi_1b
        variables:
          ulm_card_light_name: Techo
          ulm_card_light_enable_slider: true          
          ulm_card_light_enable_color: true
          ulm_card_light_enable_popup: true
        styles:
          card:
            - overflow: "visible"

Applying the style in the custom template “light_circadian_icon”:

scene_circadian_icon:
  styles:
    card:
      - overflow: "visible"
    custom_fields:
      notification:
        - border-radius: "50%"
        - z-index: 999 !important
        - position: "absolute"
        - left: "52%"
        - top: "4px"
        - height: "16px"
        - width: "16px"
        - border: "2px solid var(--card-background-color)"
        - font-size: "12px"
        - line-height: "14px"
        - background-color: >
            [[[
              if ( variables.ulm_circadian_ib == true ) {
                return "rgba(var(--color-yellow),1)";
              } else {
                return "rgba(var(--color-grey),1)";
              }
            ]]] 
  custom_fields:
    notification: >
      [[[
          return `<ha-icon icon="mdi:sun-clock-outline" style="width: 12px; height: 12px; color: var(--primary-background-color)"></ha-icon>`
      ]]]

Applying this css property to other areas like icon, img-cell:

scene_circadian_icon:
  styles:
    icon:
      - overflow: "visible"
    img-cell:
      - overflow: "visible"      
    custom_fields:
      notification:
        - border-radius: "50%"
        - z-index: 999 !important
        - position: "absolute"
        - left: "52%"
        - top: "4px"
        - height: "16px"
        - width: "16px"
        - border: "2px solid var(--card-background-color)"
        - font-size: "12px"
        - line-height: "14px"
        - background-color: >
            [[[
              if ( variables.ulm_circadian_ib == true ) {
                return "rgba(var(--color-yellow),1)";
              } else {
                return "rgba(var(--color-grey),1)";
              }
            ]]] 
  custom_fields:
    notification: >
      [[[
          return `<ha-icon icon="mdi:sun-clock-outline" style="width: 12px; height: 12px; color: var(--primary-background-color)"></ha-icon>`
      ]]]

The result is always the same, the small icon doesn’t bring to front.
Maybe I’ve misunderstood your advice?
Thank you again!

dmauduit · August 5, 2022, 5:56pm

Looking forward to try that weather popup!
What is that adaptive dashboard that has been added? Can we just remove it if we already have a dashboard?

dmauduit · August 5, 2022, 7:06pm

How would you add the weather popup to a chip?
I tried the following but it doesn’t work:

        type: "custom:button-card"
        template: "chip_weather_date"
        variables:
          ulm_weather: "[[[ return variables.ulm_weather]]]"
          ulm_custom_popup:
            template: "popup_weather_forecast"
            popup_variables:
              ulm_popup_weather_entity: "[[[ return variables.ulm_weather]]]"

Nik18111997 · August 5, 2022, 7:11pm

HI,
how do i put these cards in the space below the others?

thanks

schumijo · August 5, 2022, 7:29pm

Hi @dmauduit
Only chip_temperature is compatible with custom actions and popups at the moment