why not use an iframe and be done with it?
He wants to view the dataframe; so wants to see the results of his dataframe
1 Like
- Get a better team
- In order for the card to view your data it has to be available in Home Assistant. You’ll need to see how you can put that information into a sensor of some sort.
Yes, I’m trying to figure that part out…
Still trying to learn the scraping thing. I’m actually impressed I was able to get as far as I did. I’m 1/2 way there now. I’ll keep searching. Iframe didn’t display properly so looking for a better way.
Thanks guys! I’m sure sooner or later I’ll figure something out. There’s just not slot of examples of this specific use out there.
camera:
- platform: generic
name: Camera
stream_source: rtsp://ip/live/ch00_1
this gives me error (the rtsp stream works in VLC), I think it does need still_image_url value
using the updater button, with below config (section):
custom_fields:
current:
- align-self: start
- justify-self: start
- --text-color-sensor: >
[[[ if (entity.state == 'on') return 'green'; return 'grey'; ]]]
- animation: >
[[[
if (entity.state == 'on') return 'blink 2s ease infinite';
]]]
local:
# - padding-bottom: 2px
- align-self: start
- justify-self: start
custom_fields:
current: >
[[[
return `<ha-icon icon='mdi:home-assistant' style='width: 12px; height: 12px; color: deepskyblue;'>
</ha-icon><span>Current: <span style='color: var(--text-color-sensor);'>${states['sensor.ha_current_version'].state}</span></span>`
]]]
local: >
[[[
return `<ha-icon
icon='mdi:home-assistant'
style='width: 12px; height: 12px; color: deepskyblue;'>
</ha-icon><span>Local: <span style='color: grey;'>${states['sensor.ha_local_version'].state}</span></span>`
]]]
shows me the blinking text for Current including the blue icon Current and the state.
I would like it to only blink the state. ( 0.100.2), and have the blue Icon and the word Current fixed.
Could anyone play help me to adjust the html for that? Or isn’t this possible ?
thanks for having a look
Thanks to @jimz011 help, I’ve created bright theme inspired by his amazing setup, thanks jim!
Cellphone view:
Tablet View:
5 Likes
Is there a way to transform via CSS an embedded text to a custom one?
For example i have a button with this text: “Everything is working as intended” and iwant to change it into a custom text. Is it possible? And how?
post the code you have working now, and we can see if we can help
Hmmm… i have only this card coded:
- type: custom:button-card
entity: sensor.rpi_power_status
show_state: true
name: RPi Power Status
styles:
card:
- font-weight: bold
- font-size: 10px
- font-family: 'Times New Roman'
and the result is:
I’d like to have the chance to customize that text…
since that text isn’t configured in the button config, it must be the template sensor.rpi_power_status
there you can make changes to the text, or create a template in the button config, based on the state of the sensor of course
Ok thanks, i’ll try it…
answering my self for reference:
yes it is possible…
custom_fields:
current:
- align-self: start
- justify-self: start
- --text-color-sensor: >
[[[ if (entity.state == 'on') return 'green'; return 'grey'; ]]]
- --animation: >
[[[
if (entity.state == 'on') return 'blink 2s ease infinite';
]]]
local:
- align-self: start
- justify-self: start
custom_fields:
current: >
[[[
return `<ha-icon icon='mdi:home-assistant' style='width: 12px; height: 12px; color: deepskyblue;'>
</ha-icon><span>Current:</span> <span style='color: var(--text-color-sensor);animation: var(--animation)'>${states['sensor.ha_current_version'].state}</span>`
]]]
local: >
[[[
return `<ha-icon
icon='mdi:home-assistant'
style='width: 12px; height: 12px; color: deepskyblue;'>
</ha-icon><span>Local: <span style='color: grey;'>${states['sensor.ha_local_version'].state}</span></span>`
]]]
hope this is correct css/html, it does work as desired:
none of the gif creators do the truth justice, it looks much better on my side… hope you get the idea
3 Likes
found a new challenge 
id like a lock on a button, but only trigger that for hold-action, and leave tap-action: none, as an extra security measure:
- type: 'custom:button-card'
template: button_default_title
lock: true
confirmation: Sure to toggle?
tap_action:
action: none
hold_action:
action: call-service
service: homeassistant.toggle
service_data:
entity_id: group.philips_motion_sensor_switches_all
haptic: success
with the above, the tap still makes the lock blink for 5 seconds, and clicking again, makes the confirmation pop up. Which kind of defeats my tap/hold-action philosophy…
Can we somehow change the lock to be set on Hold action? Or, @RomRider would this require yet another feature request … Only if not already available (and I am not seeing it) and you would care to consider of course.
I have this template:
[[[
if (states['binary_sensor.allarme_meteo_abruzzo'].state == 'on') return 'red';
else
return "green";
]]]
How to add in the same card another template with a different binary_sensor like this?
[[[
if (states['binary_sensor.allarme_meteo_lazio'].state == 'on') return 'red';
else
return "green";
]]]
It is not currently supported, so yes, a feature request
with what in mind?
To have the icon change color if one or both of the sensors are ‘on’.