its the work of @basbrus.
you can find it here: GitHub - basbruss/Minimalist-Dashboards: This is a showcase of my personal Minimalist UI dashboards.
3 Likes
Снимок экрана 2022-04-16 в 19.43.23|689x258
Someone found the battery level code in the card (person). I have been searching for 3 days and can’t find it, I would be very grateful if someone would share the code.
I checked here, but I didn’t find anything.!
1 Like
I love your pollen card @ben93. Can you post your code please? Also which integration are you using?
1 Like
Cannot figure out, why when the thermostat is ON, icon of Room Card with thermostat does not change to corresponding colour.
entity_3:
entity_id: climate.living_room
templates:
- red_on
- blue_off
tap_action:
action: more-info
icon: mdi:thermometer
Sorry I don´t get it to work. Can you post the snippet how you integrated it?
- type: horizontal-stack
cards:
- type: 'custom:button-card'
template:
- card_room
- blue_no_state
name: Schlafzimmer
entity: sensor.schlafzimmer_temperatur
label: '[[[ return["🌡️"] + states[sensor.schlafzimmer_temperature"].state +"°C 💧"+states["sensor.schlafzimmer_luftfeuchtigkeit"].state + "%"]]]'
icon: mdi:bed-king-outline
1 Like
That’s because the status is most likely “heat” (or heating, check dev console) and not “on”, which is what the red_on is looking for. You can copy the color files from the ULM directory to the custom ones and edit the status to look at the correct status.
That way I created red_heat and green_auto for my Tado thermostats.
Thanks, copy of color files did the trick. But have another problem, using generic thermostat, hvac_action is idle, but the state remains heat. Any ideas on this maybe ?
try here Minimalist-Dashboards/custom_design.yaml at 8e8d294cc8529fc859c4a2c8bbfadfcefa0fdd2b · basbruss/Minimalist-Dashboards · GitHub
card_person_custom:
hope to see your custom card soon.
edit: just try to add the battery code directly to the entity editor successfully
:
custom_fields:
batt_info: |
[[[ {
const battery = Math.round(states['sensor.lego_patio_door_sensor_battery'].state/1);
const radius = 20.5; const circumference = radius * 2 * Math.PI;
return `<svg viewBox="0 0 50 50"><circle cx="25" cy="25" r="${radius}"
stroke="green" stroke-width="3" fill="none"
style="transform: rotate(-90deg); transform-origin: 50% 50%;
stroke-dasharray: ${circumference};
stroke-dashoffset: ${circumference - battery / 100 * circumference};" />
<text x="50%" y="54%" fill="var(--primary-text-color)" font-size="16" font-weight= "bold"
text-anchor="middle" alignment-baseline="middle">
${battery}<tspan font-size="10">%</tspan></text></svg>`;} ]]]
styles:
custom_fields:
batt_info:
- position: absolute
- right: 6px
- top: 6px
- width: 25px
- height: 25px
2 Likes
Sure. I think you should check the indentation.
Below you can find two room cards:
### ingresso e matrimoniale
- type: "horizontal-stack"
cards:
- type: 'custom:button-card' ### ingresso
template:
- card_room
- blue_no_state
name: Ingresso
entity: sensor.perceived_temp_int
icon: mdi:door
label: '[[[ return["🌡️"] + states["sensor.perceived_temp_int"].state +"°C 💧"+states["sensor.netatmo_casa_interno_humidity"].state + "%"]]]'
tap_action:
action: navigate
navigation_path: '/ui_lovelace_minimalist/ingresso'
variables:
label_use_temperature: true
label_use_brightness: false
entity_1:
entity_id: binary_sensor.0x00158d00076a6a22_contact
templates:
- green_on
- red_off
tap_action:
action: none
entity_2:
entity_id: binary_sensor.0x00158d00075bf633_occupancy
templates:
- green_on
# - red_off
tap_action:
action: none
entity_3:
entity_id: light.0x00178801034840a6
templates:
- yellow_on
# - green_on
# - red_off
tap_action:
action: toggle
entity_4:
entity_id: sensor.perceived_temp_int
templates:
- green_on
# - red_off
tap_action:
action: none
- type: 'custom:button-card' ### stanza matrimoniale
template:
- card_room
- blue_no_state
name: Matrimoniale
entity: sensor.0x00158d0004ab001b_temperature
icon: mdi:bed-king-outline
label: '[[[ return["🌡️"] + states["sensor.0x00158d0004ab001b_temperature"].state +"°C 💧"+states["sensor.0x00158d0004ab001b_humidity"].state + "%"]]]'
tap_action:
action: navigate
navigation_path: '/ui_lovelace_minimalist/matrimoniale'
variables:
label_use_temperature: true
label_use_brightness: false
entity_1:
entity_id: switch.sonoff_10002a4003
templates:
- yellow_on
tap_action:
action: toggle
entity_2:
entity_id: none
templates:
- green_on
- red_off
tap_action:
action: none
entity_3:
entity_id: none
templates:
- yellow_on
# - green_on
# - red_off
tap_action:
action: none
entity_4:
entity_id: none
templates:
- red_on
tap_action:
action: none
you might need to modify the color card you’re using. because the state is not ON, to work it should something like the code below. Of course, disregard the icon part.
state:
- operator: template
value: |
[[[
return (entity.state != "off" && entity.attributes.hvac_action == "idle")
]]]
icon: mdi:radiator-disabled
styles:
icon:
- color: rgba(var(--color-blue),1)
img_cell:
- background-color: rgba(var(--color-blue),0.2)
card:
- background-color: rgba(var(--color-background-blue), var(--opacity-bg))
label:
- color: rgba(var(--color-blue-text),1)
name:
- color: rgba(var(--color-blue-text),1)
- operator: template
value: |
[[[
return (entity.state != "off" && entity.attributes.hvac_action == "heating")
]]]
icon: mdi:radiator
styles:
icon:
- color: rgba(var(--color-pink),1)
img_cell:
- background-color: rgba(var(--color-pink),0.2)
card:
- background-color: rgba(var(--color-background-pink), var(--opacity-bg))
label:
- color: rgba(var(--color-pink-text),1)
name:
- color: rgba(var(--color-pink-text),1)
1 Like
Hi there,
Is it possible to change the font size for the titles of the Room Card to make it bigger? It just seem a bit too small…
add this
styles:
label:
- font-size: 16px
Thank you! I was actually referring to the main titles, but found out that I can use the same but with ‘name’ instead of ‘label’ and worked fine. Thanks again!
Hello together,
i am not sure, if i understand something wrong or i make something wrong.
But i hope you can help me 
My lovelace.yaml looks like
title: "UI Lovelace Minimalist"
theme: minimalist-desktop
Now i thougt, the theme which is selected is minimalist-desktop.
But that is not the Case.
So is my assumption wrong or do i make something wrong?
Hello,
I am trying to open a popup (power outlet or light popup) on mobile but it doesn’t seem to work. Either in the mobile phone app… do you know why?
You need to go to your profile and also make sure that you have the right theme selected.
Ah okay, i thought with the Statement “Theme” for the relevant Dashboard means, that the UI knows which Theme for which Dashboard should be used
Yeah, I think this should be in an FAQ somewhere. I’ve seen this question been asked so many times (I also had the same issue when I first installed it).
v0.0.8 
Changes
- #586 Bump pre-commit-hook-yamlfmt to 0.1.1 @skrynklarn
- #588 Fix pre-commit stuff + bump repo versions @basbruss
- #595 Minor formatting fix for afvalophaling @EverythingSmartHome
- #604 Revert “Typo in custom_card_httpedo13_thermostat docs” @basbruss
- #609 code quality @basbruss
Features
- #594 My contribution, a card showing counter for lights on / covers open @yagrasdemonde
- #593 Custom Card Welcome Navigation @EverythingSmartHome
Code enhancements
- #548 custom_card_apexcharts @AndyVRD
- #555 card cover add collapse expand icon future @sildehoop
- #578 Card_media_player: Adds additional app icons @Neekster
- #567 Allow today or tomorrow collections to be optional for AfvalOphaling @Tommatheussen
- #543 card_media_player: Enhance icon, title and label @rairulyle
- #577 Add variables for minSet and maxSet for brightness slider on light card @skrynklarn
- #589 Update minimalist-ios-tapbar.yaml @LRvdLinden
- #592 Add generic collapsible option for media controls and volume slider @rairulyle
- #585 Add default hold_action to custom_card_saxel_fan @rairulyle
- #596 [card_thermostat] Handle high/low temperature, external climate fan, and color for cooling @finder39
- #606 [chip_weather_date, card_welcome_scenes] Use system date in Chip @basbruss
- #615 Fixed typo in the correct place @JackPoint
Bug Fixes
- #551 [Hotfix] my-cards bundle @basbruss
- #570 Fix april fools day inclusion @stokkie90
- #603 custom_card_esh_welcome - Weather Chip fixes @AndyVRD
Translations
- #569 Portuguese translation for the person custom card @kauelima
- #547 Improved DE localization @likeadoc
- #580 Update nl.yaml @AndyVRD
- #606 [chip_weather_date, card_welcome_scenes] Use system date in Chip @basbruss
- #610 Added Brazilian Portuguese translation @kauelima
Documentation
- #552 fix images for heatpump card @Misiu
- #556 [Action] Update custom_cards docs @github-actions
- #558 [Action] Update custom_cards docs @github-actions
- #565 Add instructions to change the theme in settings @kauelima
- #562 [Wiki] Fix typo’s @basbruss
- #563 [Wiki] adding FAQ and customizing pages @basbruss
- #583 Remove minimalist-templates references @basbruss
- #584 Update custom_card_afvalophaling.md @Tommatheussen
- #602 Update README.md @EverythingSmartHome
- #601 Updated custom_card_homeassistant_updates README.md @AndyVRD
- #600 Typo in custom_card_httpedo13_thermostat docs @JackPoint
- #599 [Action] Update custom_cards docs @github-actions
- #615 Fixed typo in the correct place @JackPoint
- #616 [Action] Update custom_cards docs @github-actions
- #617 [Action] Update custom_cards docs @github-actions
Thank you so much for helping out to keep this UI awesome
@AndyVRD, @EverythingSmartHome, @JackPoint, @LRvdLinden, @Misiu, @Neekster, @Tommatheussen, @basbruss, @finder39, @github-actions, @kauelima, @likeadoc, @rairulyle, @sildehoop, @skrynklarn, @stokkie90, @yagrasdemonde and rick.stokkingreef
4 Likes
Hi,
You have to give some more information to help you. Otherwise it’s just purely guessing what could be wrong
There is also a solution on the wiki for the most common popup errors. FAQ - UI Lovelace Minimalist
How have you setup browser_mod? How have you tried to enable the popup in your ui-lovelace.yaml file? Did you followed the instructions on the wiki?