Custom UI Cards available on Hassio?

Both methods work

In my case none, must be something I do wrong somewhere else

Did you get this working? I also have problems. I can se the custom UI for a split second when I reload the browser but then it disappears. I have tried both hosted and local and both frontend and customizer.

I tried the steps in the installing section, no luck. I am on hass.io 63.3. As I use samba share, I copied the html and tar files to the folder that has my configuration.yaml in a www and custom_components folder. Does anyone has steps for Hass.io?

image

That’s exactly how mine looks in hass.io, set up is no different.

And it works for you?

This is my configuration.yaml snippet:-

Enables the frontend

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

Have you not installed Customizer as it says in the instructions?

Manual install

Place state-card-custom-ui.html and state-card-custom-ui.html.gz in ~/.homeassistant/www/custom_ui/ dir to install the main code.

Additionally on HA 0.59 and later place state-card-custom-ui-es5.html and state-card-custom-ui-es5.html.gz in ~/.homeassistant/www/custom_ui/ dir to install the es5 version.

Place all files from home-assistant-customizer/customizer at master · andrey-git/home-assistant-customizer · GitHub into ~/.homeassistant/custom_components/customizer

Then all you need to add to your config is…

customizer:
  custom_ui: local

Use Automatic install.

Download update.sh to your homeassistant config dir. (For example /home/homeassistant/.homeassistant/) You can do so by running

$ curl -o update.sh “https://raw.githubusercontent.com/andrey-git/home-assistant-custom-ui/master/update.sh?raw=true

from that dir.

Make update.sh executable by running

$ chmod u+x update.sh

Run it:

$ ./update.sh

The script updates itself and downloads CustomUI main code into www/custom_ui and Customizer component into custom_components. The script will prompt you about creating any of those dirs if they don’t exist.
Updating

Run

$ ./update.sh

again. It will update everything telling you which files changed.

He’s running hass.io as per the title, manual install doesn’t take any longer anyway.

Yes I am running hass.io but yes i have done the setup as in the instructions
My configuration:-

Enables the frontend

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

customizer:
custom_ui: local

Although i just read the instructions again, I am not supposed to add the customizer line.

1.2 Manually for local install

HA 0.53-0.58

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

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

I tried removing that but the same results.

As you installed Customizer it would make sense to use it would it not? Therefore you should follow 1.1 and use just the two lines as I said previously.

You seem to be trying to make it more complicated for no obvious benefit :slight_smile:

running hassio 64.3.
did manual install and getting error:
ERROR (MainThread) [homeassistant.config] Invalid config for [homeassistant]: [customizer] is an invalid option for [homeassistant]

what might be a problem?

got it working :slight_smile:

im running into the same issue, could you tell me how you resolved this?

i dont remember at all :slight_smile:
i think problem for me was how to write it in conf file, activating.
this setup works for me

frontend:
  themes: !include_dir_merge_named themes/
  extra_html_url:
    - /local/custom_ui/state-card-custom-ui.html
  extra_html_url_es5:
    - /local/custom_ui/state-card-custom-ui-es5.html
customizer:
  custom_ui: local

cant believe this :thinking: , it just worked , under the fontend: just like yours…:+1:

I´m using HASSIO 0.70.0 and I am desparate a bit having the same config:

    frontend:
      extra_html_url:
        - /local/custom_ui/state-card-tiles.html
        - /local/custom_ui/custom-weather-card.html
      extra_html_url_es5:
        - /local/custom_ui/state-card-tiles_es5.html
        - /local/custom_ui/custom-weather-card.html

    customizer:
      custom_ui: local

And following error log:

https://hassio.local:8123/local/custom_ui/state-card-custom-ui.html:1:26319 Uncaught TypeError: Cannot read property 'applyThemesOnElement' of undefined
20:03 components/system_log/__init__.py (ERROR)
https://hassio.local:8123/frontend_latest/app-653721033e62144d6a686dab25ef1429.js:2:12049 Uncaught TypeError: Cannot read property 'computeDomain' of undefined
20:03 components/system_log/__init__.py (ERROR)
https://hassio.local:8123/frontend_latest/app-653721033e62144d6a686dab25ef1429.js:2:12049 Uncaught TypeError: Cannot read property 'computeDomain' of undefined
20:03 components/system_log/__init__.py (ERROR)
https://hassio.local:8123/frontend_latest/app-653721033e62144d6a686dab25ef1429.js:2:12049 Uncaught TypeError: Cannot read property 'computeDomain' of undefined
20:03 components/system_log/__init__.py (ERROR)
https://hassio.local:8123/frontend_latest/app-653721033e62144d6a686dab25ef1429.js:2:12049 Uncaught TypeError: Cannot read property 'computeDomain' of undefined
20:03 components/system_log/__init__.py (ERROR)
https://hassio.local:8123/frontend_latest/app-653721033e62144d6a686dab25ef1429.js:2:12049 Uncaught TypeError: Cannot read property 'computeDomain' of undefined
20:03 components/system_log/__init__.py (ERROR)

If I delete:

customizer:
  custom_ui: local

There are no errors at all, but in both cases customization does not work :frowning:

Have the same question. Where to put the files and how to configure cunstomizer. It only runs for me in Hassio in hosted mode. When I switch to local with the files in /config/www/custom_ui and the path set to /local/custom_ui, it won’t work.