It would be great if it were made possible in Custom UI 
If you ever implement it please allow changing the colours from triggers, different states etc.
After upgrading to .54 my badges disappeared. I went to the github page and grabbed the new installer script, ran it, it updated the files/folders but still, no badges. I have no errors in the homeassistant.log. Any suggestions?
EDIT: I also downloaded the files manually but made no difference. I see this error on chrome debug;
If you have a JS error in the log it means any part of the I can malfunction.
Try to disable customUI completely - do you still get this error?
If not - post relevant parts of your config.
Thanks for responding. I disabled the component and can tell the UI changed, no errors in the log, and the chrome error is still there, so probably unrelated. This configuration was working in .51, didn’t modify it just upgraded to .54 and the badges don’t show up anymore. Thanks for your help!
Here’s configuration.yaml;
homeassistant:
customize: !include config/customize.yaml
customize_glob: !include config/custom-ui.yaml
group:
default_view:
view: yes
icon: mdi:home
entities:
- group.System
System:
view: yes
icon: mdi:gauge
entities:
- group.pi
pi:
name: Home Assistant Pi
control: hidden
entities:
- group.pibadges
- sensor.since_last_boot
pibadges:
entities:
- sensor.ram_use
- sensor.cpu_use
- sensor.disk_use_
- sensor.disk_free_
/config/custom-ui.yaml
"*badges*":
custom_ui_state_card: custom-ui
group.pibadges:
state_card_mode: badges
badges_list:
- sensor.ram_use
- sensor.cpu_use
- sensor.disk_use_
- sensor.disk_free_
I have:
/www/custom_ui/state-card-custom-ui.html
/www/custom_ui/state-card-custom-ui.html.gz
also the script created:
/custom_components/customizer/init.py
/custom_components/customizer/services.yaml
0.53 had a breaking change regarding customui.
Read the release notes - you will need to update your config.
what do you mean?
Before I spend time to figure out how to theme the color of the badge and the icon, and the icon itself, I was wondering if the following is currently possible with Custom UI. At the moment, I have this state card:
My question is about the badge for my binary (motion) sensor: is there a way to make the last_changed info show up in a label on that badge (so where the 3 other badges show the unit of measurement)? Of course it would have to be abbreviated to something like 3h instead of 3 hours ago.
With templates you can change the state of the sensor to be whatever you like. However it won’t autorefresh.
Is it only me that get empty cards after a while?
I have the group header and group switch but content is empty.
Browser: Chrome on Android and PC
I have this error message in log, if that can be related:
2017-11-29 18:25:17 ERROR (MainThread) [homeassistant.core] Error doing job: Task exception was never retrieved
Traceback (most recent call last):
File “/usr/lib/python3.6/asyncio/tasks.py”, line 180, in _step
result = coro.send(None)
File “/srv/homeassistant/lib/python3.6/site-packages/homeassistant/core.py”, line 1031, in _event_to_service_call
yield from service_handler.func(service_call)
File “/srv/homeassistant/lib/python3.6/site-packages/homeassistant/components/init.py”, line 122, in async_handle_turn_service
entity_ids = extract_entity_ids(hass, service)
File “/srv/homeassistant/lib/python3.6/site-packages/homeassistant/helpers/service.py”, line 104, in extract_entity_ids
return group.expand_entity_ids(hass, [service_ent_id])
File “/srv/homeassistant/lib/python3.6/site-packages/homeassistant/components/group/init.py”, line 205, in expand_entity_ids
domain, _ = ha.split_entity_id(entity_id)
ValueError: not enough values to unpack (expected 2, got 1)
EDIT: Did som more testing, when removing this part from customglob everything shows (but no custom ui ofc)
“.”:
custom_ui_state_card: state-card-custom-ui
show_last_changed: false
I have this in my config:
frontend:
extra_html_url:
- /local/custom_ui/state-card-custom-ui.html
- /local/custom_ui/state-card-value_only.html
customizer:
custom_ui: hosted
I installed using the installer so the files are in .homeassistant/www/custom_ui/
Any ideas?
I’m seeing the same
It may not be the source of your issue(s) but have a look at the Custom UI activation docs here.
Once you have, you should notice that you are combining 2 ways of activating Custom UI: by specifying extra_html_url under the frontend component AND by adding the customizer component. You only have to use one or the other.
Not only that, you used those 2 ways to specify 2 different sources for Custom UI: in the frontend component you link to the Custom UI files locally, while you set up the customizer component to use hosted files.
And finally, shouldn’t “.”: be "*.*" ? (also notice how your quotes are different, I copied/pasted them from your post above)
Hi
Thank you for posting, actually when reading the docs again I can see that there is a change for 0.59
extra_html_url_es5:
- /local/custom_ui/state-card-custom-ui-es5.html
Now it is wokring!
Would it be possible to enhance the use of sliders for temperature control? They would have a similar function to covers I would think?
Climate can have two temperatures. Also the status takes more space, leaving less space for a slider.
Still you could make it that the sliders were only valid if under the text, one for each of the set temperatures?
Seems nontrivial to make a consistent UI for this case.
That said if someone implements this - you can use it together with my customUI using state_card_custom_ui_secondary
trying to figure it out without success.
i did use the update.sh file script
did i miss something ?
configuration.yaml
homeassistant:
customize: !include customize.yaml
customize_glob: !include custom_ui.yaml
customizer:
custom_ui: local
frontend:
extra_html_url:
- /local/custom_ui/state-card-custom-ui.html
extra_html_url_es5:
- /local/custom_ui/state-card-custom-ui-es5.html
groups.yaml
asaf_devices:
name: Asaf
entities:
- group.asafdevicesbadges
- sensor.asaf_le_battery
asafdevicesbadges:
entities:
- device_tracker.liron_mi
- device_tracker.asaf_le
- sensor.asaf_le_state
custom_ui.yaml
"*.*":
custom_ui_state_card: state-card-custom-ui
group.asafdevicesbadges:
state_card_mode: badges
badges_list:
- device_tracker.liron_mi
- device_tracker.asaf_le
- sensor.asaf_le_state
Not sure if related, but you are loading customui twice: once via customizer and once directly via frontend
