Custom UI Cards available on Hassio?

Installation Home Assistant OS
1

HI,
found andrey’s customization https://github.com/andrey-git/home-assistant-custom-ui and was wondering, or better, fervently hoping this to be available on Hassio?

These cards are exactly what i am looking for, but before trying to install any of this, and breaking HAssio in the process, would love some feedback from the forum

Thanks!
Marius

2

All works great. You can try without no worries

3

cool, looking forward to that.
any suggestions for installing , or just follow the instructions, remember im on hassio and only have root acces to the prompt…

Cheers,
Marius

4

I done it on the HASSIo too, falow the instructions and all will be good.

1 Like
5

Hi,

How did you managed it for the installation?
Through the git one, local or automatic install?

Thanks.

rk

6

I’ve managed the manual setup, quite simple really, since well documented, but have as yet to implement any of the newly added options.
was wondering if the -glob thing has to actually be there…?

going to search for a real life example in coding in the cookbooks. Maybe @ZJAVA would you show us some to the work you’ve done with it please?

Cheers,
Marius

7

I did the manual setup too then add what this?

frontend:
  extra_html_url:
    - /local/custom_ui/state-card-custom-ui.html
8

I receive this error

2017-11-23 18:19:28 ERROR (MainThread) [homeassistant.config] Invalid config for [homeassistant]: [customize_glob] is an invalid option for [homeassistant]. Check: homeassistant->customize->customize_glob. (See /config/configuration.yaml, line 2).

9

This is my configuration. Then I created the custom_componet in in
\HASSIO\config\custom_components\customizer

and my custom_ui in
\HASSIO\config\www\custom_ui\state-card-custom-ui.html
\HASSIO\config\www\custom_ui\state-card-custom-ui.html.gz

but no custom_ui in front end …?

homeassistant:
  # Name of the location where Home Assistant is running
  name: Home
    # Customization file
  customize: !include customize_my.yaml

  customize_glob:
    "input_boolean.clock_snooze":
      emulated_hue_hidden: False
      hidden: False
##############################
customizer:
  custom_ui: local
10

sorry for my late reply .

i havent managed to use it really, i experienced a complete Hassio crash shortly after i had installed the custom ui…
Probably a coincidence, i hope.

i have been rebuilding my setup and meticulously saving each working state after that, and haunt reached the custom ui yet.
Still, would be very interested in any working examples of the custom ui, especially the badges on cards thing.

I dient yet fully comprehend the customize_glob definition, all i got were error messages. i would have thought this to be possible to define in an !include file, and leave the config file as clean as possible, but havent found a way to do the yet.

Please do post your experience, id hope to learn from them :wink:

11

you have the custom_ui in frontend?

12

i had it all installed, that process went rather well, but had not seen any changes yet. Tried a few, but got error messages,so left it for the moment.

Maybe @ZJAVA can chine in, since he has it all working great?

Cheers,
Marius

13

do you, or anyone, mind to give a step by step procedure. I followed instructions, but no UI appears … (no menu)

14

for example, is the above correct

15

Try this

customize_glob:
  input_boolean.clock_snooze:
    custom_ui_state_card: state-card-custom-ui
    emulated_hue_hidden: False
    hidden: Fals

or this to use custom-ui for all items

customize_glob:
  "*.*":
    custom_ui_state_card: state-card-custom-ui
16

no, nothing no custom_ui in frontend.

Nice project but very confusing to me, no clear instructions on what to do

1 Like
17

maybe we aren’t talking about the same here are we?
The frontend itself will not be different, only the cards you use and define under the customize_glob. (at least, that’s the way i understand it).

18

be sure to activate (tell Hassio to use the customize option) the custom option: check https://github.com/andrey-git/home-assistant-custom-ui/blob/master/docs/activating.md

I’ve used the frontend option successfully just now, (add this to frontend.yaml)

extra_html_url:
    - /local/custom_ui/state-card-custom-ui.html

if you don’t activate and use the . customize_glob option, nothing is displayed… :wink:

displaying 2 badges in a group. Just for testing purposes to see if all is defined correctly, in basic action, to be embellished:

17
17954×512 56.8 KB

just as a precaution not to let the configuration.yaml grow out of control, I’ve made an !include customize_glob.yaml/

content for testing purposes at the moment:

"*.*":
  custom_ui_state_card: state-card-custom-ui
sensor.dorm_totaal:
  state_card_mode: badges
sensor.dorm_actueel:
  state_card_mode: badges

Cheers,
Marius

19

So this

frontend:
  extra_html_url:
    - /local/custom_ui/state-card-custom-ui.html

and NOT this, correct?

customizer:
  custom_ui: local
20

its what i have, and what’s working.
To be honest, my decision to use the frontend, was based upon the fact i already had a !include frontend.yaml, and i always like to keep my setup as tidy as possible, for debugging purposes.
Adding an extra customizer component to the configuration.yaml is just a bit less tidy in my case. YMMV.

both should work according to the doc’s.
Marius