CustomUI - discussion thread

Mariusthvdb · May 30, 2018, 5:38am

i see, nice indeed, looking somewhat like the custom card scenes, or indeed the Tiles i have set in dedicated cards. Nice this can combine the various items, hope to see it works out in my example, next to the 2 extra data sensors.

Would have hoped to be able to use user-selectable ‘icons’ tbh, and have it have a less square look, something like:

on:

button_power_on50

off:

button_power_off50

fwiw if you’d need a dedicated Lights card, you can use Tiles for this too:

maurizio53 · May 30, 2018, 4:44pm

We must add this also in the fronted section?

jojo416 · May 31, 2018, 1:48pm

I just updated to HA 0.70.0, but now any item that had a customization no longer appear.

I ran update.sh, but Custom UI 20180216 still displays in info.
Rerunning update.sh returns files are up to date.

Any ideas?

EDIT: Nevermind, had to clear browser cache. Sorry.

sfiorini · May 31, 2018, 5:19pm

It appears that “customizer” is no longer hiding its own custom attributes from the more-info popups.
@andrey any idea?

roninfr · June 1, 2018, 12:35pm

Hi there,
i have issues setting Custom UI up running Hassio 0.70. I have chosen the manual method and copied the lastest files manually to the hassio samba share. Can someone tell me if my setup is correct cause as soon as uncomment the customizer “section” and auto check the configuration it runs forever and will never stop neither does customui work:

config customizer customui

andrey · June 1, 2018, 1:50pm

Any existing element (which probably won’t be useful, as an icon element won’t act like a button) or any custom element you write.

Yes, this is broken since HA 0.70. I haven’t figured how to re-implement it yet.

You should either use

extra_html_url: ...
extra_html_url_es5: ...

or custom_ui: local. Not both.

Your files are at the correct places, but it is not clear to what is not working.

roninfr · June 1, 2018, 1:55pm

Thanks for the hint… so whats the difference between both of em ? I thought one would need both because only using the html entries is doing nothing for me.
And as soon as i only use the customizer entry the config check runs forever … this is why i think something must be wrong somewhere!

Just restarted without the config check and now custom ui appears under Dev Info:

devinf

But i guess config check should be working anyway?

Update: i think i got it working with the html section. But can someone still tell me whats the difference between both methods?

sfiorini · June 1, 2018, 2:05pm

Thank you @andrey!! Not a biggie, I just wanted to make sure I wasn’t doing anything wrong with my setup.

jamesdawson3 · June 1, 2018, 7:02pm

You should definitely be able to do this by changing the html in my code. I haven’t tested this, but I bet it would be something like this:

<paper-button-group on-click="stopPropagation">
    <paper-icon-button
      src="/local/on.png"
      class="on"
      on-tap='handleOnTap'
      hidden$='[[!onButtonVisible]]'>On</paper-icon-button>
    <paper-icon-button
      src="/local/off.png"
      class="off"
      on-tap='handleOffTap'
      hidden$='[[!offButtonVisible]]'>Off</paper-icon-button>
</paper-button-group>

Then you should be able to set the size in the style section like this:

paper-icon-button {
  width: 30px;
  height: 30px;
}

Mariusthvdb · June 1, 2018, 9:57pm

thanks! will test and try after updating to 0.70.1
nice.

andrey · June 2, 2018, 5:38pm

I have released a new version

2018-06-02

Hotfix for HA 0.71+
Restore handling custom attributes in form and more-info.

cc @sfiorini

sfiorini · June 2, 2018, 6:09pm

Thank you @andrey !!
I will check it out shortly

Mikeinnc · June 4, 2018, 8:03am

I do apologise in advance for what might seem to be an easy ‘fix’. It’s just that I cannot, try as I may, find an answer to my issue. I am using HA v0.70.1 with CustomUI 20180528. I am slowly learning how to set things up as I’d like to see them. I’ve managed to get sensor icons to change colour on different states, but if I click on an icon, the ‘card’ that shows - and I’m sorry, but I don’t know exactly what this ‘card’ is properly called! - shows not only a history of the sensor but also a heap of extra text - templates; icon color etc. (see example below)

sensor

So, my question is how can I remove that text from this ‘card’ while still maintaining the changes I have made? Or even - can I?

Thanks so much for any help!

maurizio53 · June 4, 2018, 9:42am

Same here… and i would like to know if it’s a correct behaviour or not…

Bobby_Nobble · June 4, 2018, 9:46am

Two posts above yours…

cc @maurizio53

maurizio53 · June 4, 2018, 9:48am

So it means it will be fixed in the next release?

Bobby_Nobble · June 4, 2018, 9:51am

No, it means it’s fixed in the 2018-06-02 version like it says and I can confirm it fixed mine.

maurizio53 · June 4, 2018, 9:56am

Hmm… i just upgraded to the last custom ui, but i still have that in my cards…
But it says “hotfix for HA 0.71+”

Bobby_Nobble · June 4, 2018, 9:58am

Have you done a force refresh in your browser or if that doesn’t work wipe the cache?

maurizio53 · June 4, 2018, 10:01am

Ok, i’ll try when back home…