Hi, would you mind sharing your current config? seems the link is broken.
If you mean the 4 entities at the right it should do toggle on tap, and more-info on hold as default.
edit:
sorry I get you now, I have not use popup cards before, I would have to look into how they work, I’ll add it to my list of things to look at.
@badgerhome heres the latest version, lost has changed, so look at the example.
I have changed the way sensor labels work, you now use them via sensor_label_1, sensor_label_2, sensor_label_3.
have added ulm_card_room_use_label_icons it’s false as default, bit if enable it looks like this (atm this only supports Temp, Humidity, Lux):
you no longer need ulm_card_room_label_use_brightness if you include a bulb as the main room entity, it will automatically pick it up, and use the brightness when the bulb is on.
and as you can see you can now put any sensor in the the sensor labels, and it will try to detect the type and report the correct label.
you can now use ulm_card_room_use_light_color: true when the light supports colour and it will use the current bulb color as the entity on colour.
as you might have seen my card uses slightly larger font for label than the original you can revert back to the original label font size by using ulm_card_room_use_small_label_font: true
in the 6 sensor icon’s you can use to choose the action type default is more-info
tap_action:
action: toggle
or
tap_action:
action: more-info
here’s an example of my front garden
- type: custom:button-card
view_layout:
grid-area: room1
template:
- custom_card_andyblac_room
- green_no_state
name: Front Garden
icon: mdi:flower
tap_action:
action: navigate
navigation_path: front-garden
variables:
sensor_label_1: sensor.front_garden_motion_sensor_temperature
sensor_label_2: sensor.front_garden_soil_sensor_humidity
sensor_label_3: sensor.front_garden_motion_sensor_illuminance_lux
sensor_1:
entity_id: binary_sensor.front_door
ulm_card_room_sensor_color: green
sensor_2:
entity_id: binary_sensor.front_garden_motion_sensor_occupancy
ulm_card_room_sensor_color: green
sensor_3:
entity_id: switch.front_garden_water_control
ulm_card_room_sensor_color: green
tap_action:
action: toggle
entity_3:
entity_id: light.front_garden_light
ulm_card_room_use_light_color: true
I am starting to work on animations with the main room icon and entities icons.
it starts to animate when my boiler fires for hot water (detected via OpenTherm Gateway)
I would love your feed back, I plan to start a git with this card and animation templates so it will be easier for people to keep uptodate.
OK created a git for my custom cards
I will add a wiki and a dev branch soon for beta releases,
1 Like
Very good thx for your work.
Yes, i have a group of 6 light that i want to use in a entity so with the single click I can turn them all on, but with hold I would like to be able to open a popup in which there are all 6 lights and I can change their parameters individually.
For the 4 entity and 6 sensor is it possible to define an icon?
Thx
I have started a thread for my custom cards, anyone is welcome to help find issues, etc.
It works! Thx
Hello, you are finished and Share the code? Thanks.
If you go through the application, have you checked that you are in full screen?
I did enable full screen, it hasn’t changed anything but removed the time and bat indicators. Perhaps it is a setting I should change on the background image?
background-image: center / cover no-repeat url("https://9to5mac.com/wp-content/uploads/sites/6/2022/07/Home-app-iOS-16-wallpaper-2.png") fixed
EDIT: I did find this site, seems to be an ios issue. Not sure how I’m supposed to implement it tho. Any ideas?
What you’re looking for is the layout card, just like in the example you mentioned. Specifically custom:grid-layout with the mediaquery option. Then you can define multiple layouts for different screen sizes like in the example, all in one dashboard.
In the layouts, you define grid-template-areas, e.g. ‘lights’. Then to a card or vertical stack of cards, simply add the following:
type: vertical-stack
cards:
- ...
view_layout:
grid-area: lights
This will place the cards in the ‘lights’ area, wherever it may be according to your grid-template-areas layout and mediaquery (screen size).
Sorry for maybe a duplicate issue, but have not found anything here in the channel.
Today I did an update to button card 4.1. Since that, all of my Popup have this white border (in light mode its blue). Anyone know where this comes from?
Hi,
if you try my v2 card it should now support UI Minimalist popup templates like
# Office
- type: custom:button-card
template:
- custom_card_andyblac_room
name: Office
icon: mdi:desk
tap_action:
action: navigate
navigation_path: office
variables:
ulm_custom_card_andyblac_room_color: blue
entity_3:
templates:
- popup_light
entity_id: light.office_dimmer
get from my github
Thanks so much, it seems to work.
Now I will try to test it and understand how to adapt it by reading your github carefully.
you can also do custom popup’s in my cards (latest from dev branch), look at my instructions here
Hello there!
Anyone knows how to remove the space between the different grids? I would also like to remove the grey borders that overlap in the entities (like in the circadian entities) do you how can i do that?
Thanks in advance!
---
button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"
title: "UI Lovelace Minimalist"
theme: "minimalist-desktop"
background: "var(--background-image)"
# views: !include_dir_merge_list "views/"
views:
- title: "Home"
path: 0
icon: "mdi:home-variant"
cards:
- type: "vertical-stack"
cards:
- type: "custom:button-card"
template: card_weather
entity: weather.casa
variables:
ulm_card_weather_name: " "
ulm_card_weather_primary_info:
- wind_speed
- precipitation_probability
ulm_card_weather_backdrop:
fade: true
- type: grid
columns: 3
cards:
- type: "custom:button-card"
template: card_light
entity: light.bedroom_2
variables:
ulm_card_light_enable_slider: true
ulm_card_light_enable_color: true
ulm_card_light_force_background_color: true
- type: "custom:button-card"
template: card_light
entity: light.office_2
variables:
ulm_card_light_enable_slider: true
ulm_card_light_enable_color: true
ulm_card_light_force_background_color: true
- type: "custom:button-card"
1 Like
I have a problem with cards that require a slider for both lights and covers.
I tried reinstalling the integration twice but it didn’t fix it.
what can I do?
try and add this repository to HACS and install it GitHub - AnthonMS/my-cards: Bundle of my custom Lovelace cards for Home Assistant. Includes: my-slider, my-slider-v2, my-button
thx
I don’t know how but I missed it in the config file
- url: /hacsfiles/my-cards/my-cards.js
type: module