CustomUI issues - blank panels

Configuration
1

I’m new to Home Assistant, so I hope this isn’t an easy fix that I’ve just stupidly missed, but I’ve searched all over the place and tried multiple things but nothing is working. I’m running HASS.io on my RP3.

I’m trying to use CustomUI and I’ve followed the manual install instructions correctly as far as I can tell. All of the relevant files are in the right place in my /config/ directory.

I think I’ve activated it correctly in my configuration.yaml as well:

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

  # Show links to resources in log and frontend
introduction:

# CustomUI Activation - not working
customizer:
  custom_ui: local

# Enables the frontend - Custom UI not working
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

…and then I’ve tried to customize one light entity’s UI in my customize.yaml:

# Lights customUI - not working
light.front_door:
  state-card-custom-ui

But when I do this my panel where that light switch should go is empty:
temp

No relevant errors in the log that I can see…

Any tips on where I might be going wrong appreciated. I’d really like to get this working, as it seems like a great tool.

P.S. I also don’t have the ‘CustomUI option’ in my ‘Configuration panel’ as it appears from the docs that I should.

1 Like
2

Okay. So I eventually figured it out. I added a ‘state_card_mode:’ to my customize.yaml and it works:

light.front_door:
  custom_ui_state_card: state-card-custom-ui
  state_card_mode: break-slider

temp

Happy camper!

1 Like