Replacing innerText no longer works in 2.3.3 for me.
Its working in 2.3.0. All version above dont work.
type: custom:bubble-card
card_type: button
entity: scene.wdflurwhite_naturliches_licht_2
scrolling_effect: false
styles: >
${card.querySelector('.bubble-name').innerText =
card.querySelector('.bubble-name').innerText.replace('WDFlurWhite ', '')}
Try like this
type: custom:button-card
aspect_ratio: 10/3
custom_fields:
value:
card:
type: custom:button-card
entity: sensor.buro_klima_temperature
show_icon: false
show_state: true
show_name: true
name: "Indoor Temperature :"
styles:
name:
- padding-left: 70px
- justify-self: start
- font-size: 0.9em
- font-weight: bold
state:
- padding-left: 100px
- justify-self: start
- font-size: 0.7em
card:
- background-color: transparent
- width: 500px
- border-radius: 0%
- z-index: 1
tap_action:
action: none
hold_action:
action: none
graph:
card:
type: custom:mini-graph-card
entities:
- entity: sensor.buro_klima_temperature
color_thresholds:
- value: -20
color: "#0000FF"
- value: -10
color: "#00BFFF"
- value: 0
color: "#ADD8E6"
- value: 10
color: "#00FF00"
- value: 20
color: "#80FF00"
- value: 25
color: "#FF8000"
- value: 30
color: "#FF0000"
hours_to_show: 24
hour24: true
points_per_hour: 2
animate: true
update_interval: 30
aggregate_func: avg
line_width: 2
bar_spacing: 5
height: 100
group: true
show:
labels: false
fill: fade
state: false
name: false
icon: false
card_mod:
style: |
ha-card {
--ha-card-background: rgba(0,0,0,0);
border: none;
}
styles:
card:
- background-color: var(--button-card-background-color)
custom_fields:
graph:
- position: absolute
- bottom: 0px
- left: 0px
- width: 100%
- height: 70%
- padding-bottom: 0
tap_action:
action: none
hold_action:
action: none
Hi
Due to some issues identified in the latest releases (v2.3.1, v2.3.2, v2.3.3), I have decided to mark them as pre-release versions. These updates may not be fully stable and could cause unexpected behavior. I strongly recommend rolling back to the latest stable release, v2.3.0, until further notice. This version has been thoroughly tested and provides a reliable experience. Thank you for your understanding and patience as we work to ensure a future updates that meets the highest standards of quality.
How to rollback
Hi!.
I´m new using this wonderfull cards for H.A.
Have a question about Climate Card. I´m setting a sub button for HVAC modes, only turn Off or Heat. Works ok, but, where I can set the target temperature for Heating mode?. Actually sets 18º automatically.
Regards
How do I control the bubble card height
type: custom:bubble-card
card_type: separator
name: Rooms
icon: mdi:home
card_layout: large
styles: |-
.bubble-line {
background: '#ffffff';
opacity: 0.5;
}
visibility:
- condition: screen
media_query: "(min-width: 0px) and (max-width: 767px)"
Is it possible to have a card be like a filling progress bar or meter? So its not swipable but shows % of defined value?
Not directly, as far a I know. I’m using a slider card with a helper to show the minimum battery level of my equipment:
- type: custom:bubble-card
card_type: button
button_type: slider
entity: input_number.batterylevelhelper
show_state: true
slider_live_update: false
show_attribute: false
scrolling_effect: false
show_last_changed: false
styles: |
${(() => {
hass.states['input_number.batterylevelhelper'].state = hass.states['sensor.batterie_level'].state
})()}
name: Battery Level
icon: mdi:battery
tap_action:
action: navigate
navigation_path: /[your path]
double_tap_action:
action: none
hold_action:
action: none
The input_number - helper is used as the entity and set with the sensor value. I can still manually slide the slider, but it jumps back to the sensor value after a second.
do you have full YAML available for this? this looks like a great idea for my upcoming landscape wall tablet project
Hey
Can you send the yaml? Also a screenshot would be helpfull.
I’m a bit confused because in the climate card it is not possible for it to hide the temp settings.
If I understand you correctly, you just want to have the sub-button with Off and Heat but no temperature selector button.
If so, you probably need to set the Heat temperature directly in the settings of your climate entity, not in bubble card. With bubble card you just select the presets.
Sorry, bad explanation.
I don´t want to hide temp controls. I want to automatically set temp to 20º when select heat function on dropdown (now is 18º).
You will have to do this through an automation.
If you need help putting something up make a new post under Configuration.
I am loving the bubble cards - especially the pop-up! I am in the process of transitioning my main dashboard, and have hit a small snag with the media player. I use Music Assistant, and would love to be able to expose the ‘Browse Media’ function. It’s there indirectly, if I click on the icon, and dig into the unerlying "more Info’ dialog, but I would love to have it exposed right on the player. I have a feeling I just missed it somewhere, but have searched and came up empty. Is there a way to do this?
Thanks!
What about something like this:
tap_action:
action: navigate
navigation_path: /media-browser/media_player.mass_entity_ID
FWIW, I’m successfully using sub-button visibility to replace a previous styles: display condition, however when I try the same thing inside a decluttering card it doesn’t work even when there are no variables in the visibility section.
Yes, I tried that, and it does pull up the media, but in an entire new dashboard as opposed to the popup you get with the standard media player. Was hoping for that, or a way to shove that content into a popup card.
Thank you
Hi all
I’m looking at demo screens Cloos made back when he just started working on Bubble-Card, and I’m wondering if those are doable with current state of Bubble-Card.
I’m specifically interested in weather card with 3row sub-buttons and Inside/Outside Temperature Visualisation. Love it and want this card on my dashboard.
I think this is what I’m looking for:
I found this in the v2.3.0-beta.3 docs. I’m running 2.3.3. Is that feature in 2.3.3? and if so how do I use it? If not, any idea when it will make it into a release?
Thanks again…