# Icons on Header aren't fully loading

**URL:** <https://forum.inductiveautomation.com/t/icons-on-header-arent-fully-loading/39343>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 4, 2020, 2:28am UTC](https://forum.inductiveautomation.com/t/icons-on-header-arent-fully-loading/39343 "2020-10-04T02:28:17Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mitchell-ACS](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mitchell-acs/32/30062_2.png) [@mitchell-ACS](https://forum.inductiveautomation.com/u/mitchell-ACS)\
**Post date:** [October 4, 2020, 2:28am UTC](https://forum.inductiveautomation.com/t/icons-on-header-arent-fully-loading/39343/1 "2020-10-04T02:28:17Z")

</div>

On initial page load, the icons in my header only halfway load. Refreshing the page can fix the problem but it isn’t consistent.  
Is there a way to detect/trigger an icon reload?

 ![B2C565D8-3D1E-41CD-AF0B-46CE3D92F8D0](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/d/6ddc602e90bb16c42928a89d38ca1de1b2d89fd6.jpeg)

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [October 4, 2020, 4:39pm UTC](https://forum.inductiveautomation.com/t/icons-on-header-arent-fully-loading/39343/2 "2020-10-04T16:39:45Z")

</div>

Are you using the icon component or an image?

Try hitting F12 to enter your browsers developer mode, and refreshing the page until it happens to see if you get any browser console errors when it fails to load

---

<div class="post-metadata">

**Author:** ![mitchell-ACS](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mitchell-acs/32/30062_2.png) [@mitchell-ACS](https://forum.inductiveautomation.com/u/mitchell-ACS)\
**Post date:** [October 4, 2020, 9:02pm UTC](https://forum.inductiveautomation.com/t/icons-on-header-arent-fully-loading/39343/3 "2020-10-04T21:02:31Z")

</div>

@kgamble they were the icon component, I changed them to buttons with the same icon and it seems to load successfully, consistently.

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [October 4, 2020, 11:15pm UTC](https://forum.inductiveautomation.com/t/icons-on-header-arent-fully-loading/39343/4 "2020-10-04T23:15:11Z")

</div>

For any user interaction, I try to always stick with a transparent button with an icon for the image. I feel it’s more reliable long term to use the onActionPerformed event, than the onItemClicked event, especially with touch. Good switch!