Icon not showing

[defisit]

Hi,

Thank you very much for all the work that was put into 'custom-icons', I like the icons very much. I do have an issue though ;)
I am using an icon and have it configured as below. The issue is that the icon disappears once the page is refreshed F5. To get it back, I have to edit the main page again and press Klaar (my installation is in Dutch). Same on mobile app. Do I have to include something in the configuration.yaml (extra_module_url:) as with other icon packages like hass-hue-icons.js?

Like this:

[Mariusthvdb]

no that shouldn't be necessary...

just to be sure, did you install the .js resource (via HACS or manually), or did you try the experimental Custom Integration?

[defisit]

Using HACS.

[Mariusthvdb]

mm, cant make that happen:

remains in view, no matter what. and I just now created 2 quick (empty yet) views

anything in the inspector logs you can see?

[arallsopp]

If you can open the JavaScript console, you should be able to determine whether the library has loaded when those icons don’t appear.

I’ve had trouble with icons that appear in the menus of the initial page load in hass-hue-icons.

I’d try adding the resource line for your dash and retesting, as it could be a similar thing?

[defisit]

For the inspector logs, I have to include below in cf.yaml?

--
logger:
default: info
logs:
custom_components.hacs: debug
aiogithubapi: debug

Concerning the brower console:

Icon not visible (pressed F5):

Console when icon visible (after a Customize UI and pressing Done)

It seems libraries are loaded correctly?

[Mariusthvdb]

no, inspector logs is the frontend, the yaml debug settings are for backend.
if there's a frontend issue of any sorts, it would show

and yes, seems the resource is loaded correctly.

What I did notice in my empty UI dashboard above, is the creating the first view (the one with the home icon) and simply closed thereafter, no icon showed. It wasnt until I added a second tab (also empty) the first tab showed . Thought is was me being clumsy with the UI, so didnt give it a further thought. Now were trying to find a source for an issue, I better mention it ;-)

so going back, I can now reproduce:

which is really odd, because the icon is there, and showing correctly in editor:

I wonder if that could be anything in the path we've omitted. Still, in my test view all are showing as they should without a hiccup. This is however yaml configured, so that might be a cue too, icon far right:

and selected:

all icons on:

Andy, can you check/verify if there's a difference between yaml and UI dashboards?

[arallsopp]

Do I have to include something in the configuration.yaml (extra_module_url:) as with other icon packages like hass-hue-icons.js?

@defisit, I would try that first. I'm unsure why it needs to be done on some installs, but it does seem to remove issues. I added it to solve an intermittent issue where the first page loaded didn't always get the resource in time, but with the frontend extra_module_url in place, have seen many related issues that pop up on the forums disappear.

[defisit]

Do I have to include something in the configuration.yaml (extra_module_url:) as with other icon packages like hass-hue-icons.js?

@defisit, I would try that first. I'm unsure why it needs to be done on some installs, but it does seem to remove issues. I added it to solve an intermittent issue where the first page loaded didn't always get the resource in time, but with the frontend extra_module_url in place, have seen many related issues that pop up on the forums disappear.

Did that and it works around the issue, thanks!

[Mariusthvdb]

great, closing