I recently tried to set up a CBC card with a input_select that had a list of media player that I could play music on. The only way I was able to make the card work was by setting the action to more_info which produced a popup, but that was far from the clean look that select list card has.
Question #1 Can CBC replicated the capabilities that Select List card but with the enhanced css features that we have come to really like?
The Select List card requires a toggle to hide the options for the card.
Question #2 If the answer to Q#1 is yes, would it be possible have the list drop down on tap action and do away with the toggle all together? it a much more polished look in my opinion
hi guys.
Considering I have an custom button card which contains other custom button cards.
Like on screenshot below, bulbs, window and temperature are sub-buttons with different entities
The most parent button-card has defined tap_action.
How can I achieve, that clicking anywhere the defined tap action will be executed?
So far I succeeded with disabling any actions from children buttons. But those areas seems to be inactive at all then.
BTW I have to say this card is ingenious one, especially with its inheritance of templates
Hmm. Iām not able to make it working I checked any possible place to add this style.
Could you please assist me where should I put this? I know itās pretty long code to read, but I would be really grateful for that
Hi, I am relatively new to HA, so sorry for the perhaps very basic question.
I want to make a remote control card for my HomeTheater setup, with the button card, using this page as a guide https://community.home-assistant.io/t/lovelace-button-card/65981
and I am running the latest version of HA (2021.3.4)
I created a www directory in the configuration directory, and downloaded button-card.js there.
~ $ ls
addons backup config share ssl
~ $ cd config/www
www $ ls
button-card.js
Then I put this in my lovelace configuration file
When browsing through the configuration directory and its subdirectories, I did not find a file called ui-lovelace-card.yaml, so I suppose I need to put this config in the file editor that opens when you click on the Raw configuration editor menu item in the lovelace editor ?
Any ideas where this file is in the HA filesystem ?
is fully functionalā¦ why didnāt we think of that? Itās not set as short as could be, but at least does away with the nasty template
have another question though:
on a button with a complex hold_action object, we need the entity for a more-info to be explicitly referenced even when it is the entity of the button?
type: custom:button-card
template: button_alarm
variables:
dst: >
[[[ return states['input_boolean.dst'].state ]]]
entity: sensor.dst
show_state: true
show_name: false
tap_action:
action: call-service
service: input_boolean.toggle
service_data:
entity_id: input_boolean.dst
hold_action:
action: >
[[[ return (window.location.pathname.split('/')[2] == 'time_settings')
? 'more-info' : 'navigate'; ]]]
navigation_path: >
[[[ return (window.location.pathname.split('/')[2] == 'time_settings')
? null : '/ui-data/time_settings'; ]]]
# why is the below entity necessary? depending on the current view, it should go either elsewhere, or show the more info of the button entity, which is default for more-info?
entity: >
[[[ return (window.location.pathname.split('/')[2] == 'time_settings')
? entity.entity_id : null; ]]]
A quick question: color: auto makes the bulb blue and dim it according to the level of brightness. Is there a simple way how to dim a yellow instead of blue bulb icon?
Blue color make sense with bulbs that can manage color temp and brightness but blue does not make sense e.g. with vintage bulbs that are yellow by default. Thanks!
The color of the icon is based on your primary accent color. I believe if you override it at the card level in the styles option, you can achieve what you want.
[[[ return variables.z_wave ? true : null; ]]] is better with [[[ return variables.z_wave ? true : undefined; ]]]
well, of course I tried before askingā¦ the line below my comment is needed or else it simply doesnāt show a more info
will update the other to āundefinedā (btw, what exactly is the difference between the 2? I use the null everywhere in the js logic to do nothingā¦ seems to work without issues?)
Im trying to create a button that displays a picture.
Using {{ states.sensor.sack_colour.attributes.entity_picture }} in Dev Tools Template returns the string /local/bag_black.jpg
I checked any possible place to add this style.
