Customize "more icon" in WAB

157
3
05-20-2019 12:53 PM
MartinSirkovsky1
New Contributor III

I have run into a small issue. When I choose a white background for the header in WAB, the "more icon" which groups widgets for which there is no space in the header on the mobile devices is not visible, as it is white icon on a white background.

I was able to upload new icons for each widget used in the webapp, in order for them to be shown on the white background, but I do not know how I can access the "more icon". The web app is hosted in AGOL, currently I do not want to download it and alter the code to host it outside of AGOL. I need to solve this in AGOL if possible. I have also looked at JSON file using AGOL Assistant, but haven't found the option there on how to change the icon.

Is there any solution to this issue?

More icon on gray background

More icon on white background

Tags (2)
0 Kudos
3 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

Martin,

   The more icon can be found in this directory:

/webappbuilder/apps/[app#]/themes/FoldableTheme/widgets/HeaderController/images/more_icon.png

0 Kudos
MartinSirkovsky1
New Contributor III

Hi Robert.

Thanks for the answer, but is there a way how to replace the icon in that directory, when the Web APP is hosted at AGOL?

Martin

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

Nope.

0 Kudos