New Custom UI features: Context-aware names, Context-aware hiding, Badges!

frelev · December 1, 2017, 5:56am

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!

keithh666 · December 12, 2017, 5:36pm

Would it be possible to enhance the use of sliders for temperature control? They would have a similar function to covers I would think?

andrey · December 12, 2017, 7:59pm

Climate can have two temperatures. Also the status takes more space, leaving less space for a slider.

keithh666 · December 12, 2017, 10:06pm

Still you could make it that the sliders were only valid if under the text, one for each of the set temperatures?

andrey · December 13, 2017, 12:31pm

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

dmxsir · January 6, 2018, 11:32am

Capture8

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

andrey · January 6, 2018, 12:57pm

Not sure if related, but you are loading customui twice: once via customizer and once directly via frontend

dmxsir · January 9, 2018, 7:31pm

Is this what it should look like?

andrey · January 10, 2018, 9:53am

This is how the custom-ui config panel looks. It is used to set device name for device-aware attributes.

prates · February 16, 2018, 1:08pm

Hi!
Do you guys understand how to configure the distance between badges?

andrey · March 30, 2018, 8:54am

The broken distance between badges should have been fixed.

maxdaniel · May 29, 2018, 8:35pm

Hi,

Is it true that this will not work:

customize:
  group.group1:
    hidden: true

custom_ui:
  group.group1:
    custom_ui_state_card: state-card-custom-ui
    device:
      device_name:
        hidden: false

I can get it to work the other way around, using custom UI to hide it on a device but not to show something that’s hidden by default. Would be nice if this was possible.

andrey · June 1, 2018, 1:43pm

Correct.

If an entity is hidden it won’t get a state-card, so there will be nothing to customize.

jchasey · June 13, 2018, 10:08am

Is it possible to use Custom UI to change the HTML tag of the page so that instead of ‘Home Assistant’ in the tab on the browser you could change this ?

andrey · June 13, 2018, 10:54am

No, currently it is not possible.

arsaboo · June 26, 2018, 7:59pm

@andrey Anyway to get custom_ui working with Lovelace?

andrey · June 27, 2018, 4:20am

It is still very experimental. I’ll wait before releasing a version.

rhodges · July 26, 2018, 5:26pm

I’m trying to hide some things with customizer and hide_attributes but they are still displayed on the cards.

Any idea what I’m doing wrong? The cards still have “group”, and “slider theme” and “state card mode” displayed.

Loaded CustomUI 20180716

customizer:
  custom_ui: local
  hide_attributes:
    - group
    - state_card_mode
    - source_type
    - slider_theme
    - confirm_controls_show_lock

andrey · July 26, 2018, 5:38pm

Can you add a screenshot to f the issue?

rhodges · July 26, 2018, 5:40pm

I think this is because I had javascript_version set to es5. I had a custom fan component loaded under extra_html_url_es5. Once I removed the extra html and set javascript_version to auto, it looks like the attributes are hidden.

Edit: Confirmed it is the javascript_version mode. I left out my custom fan component and then toggled between es5 and auto (using Chrome browser). Auto = works, es5 = not working.

Also attached the screen shot of it not working. When it works, the last 2 are gone as expected.