nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Change Widget Icon

TimHayes1

How do I change the icon for the About Widget?

Here is the path to the widget:

X:\WebAppBuilder\server\apps\8\widgets\About

I have tried looking everywhere in this folder, and looked through the config.json in this folder.

I do see that it is a "i" icon. A .png file. I have found the icon file. Also, I have placed the new icon (.png) I want to use here:

X:\WebAppBuilder\server\apps\8\widgets\About\images

But, the question is which file do I open in Notepad++ to change it to the icon I want to use?

thanks.

Najděte více příspěvků označených jako

Accepted answers

RobertScheitlin__GISP

Tim,

When you add the about widget the settings UI has a button for changing the icon:

All comments

SarahRijneke

Is it possible to change the icon of a widget in experience builder? I have a text box that acts as an about section and the default T icon doesn't make sense.

jawhitacre@PA.LCL_PAGame

Reviving this topic a bit...

I added a few custom .png icons in my ArcGIS Enterprise WAB app and they all work fine and great in the Header Controller. However, I would like to use the .png images in the About widget so I can explain what each icon indicates. But, the images are stored in the Resources of the app and they seem to require a token to access them outside of the Header Controller. I don't quite understand why they cannot be accessed anywhere in the app. Seems a bit strange.

Below is an example of the HTML content I am trying to include in the About widget. The URLs are constructed for where the .png files are located in my ArcGIS Enterprise. If I add '?token=[token]' and use the token for the images in the Header Controller (acquired by using Inspect > copy the whole image URL that includes the token), the images show up, but of course the About widget indicates that they are broken after the token expires.

<ul>
    <li> <img alt="Base Data" src="https://[root]/portal/sharing/rest/content/items/[itemID]/resources/inConfig/[uniqueName].png" style="width: 20px; height: 20px; margin: 2px; border-radius: 2px; vertical-align: middle" /> Base Data</li>
    <li> <img alt="Public Access" src="https://[root]/portal/sharing/rest/content/items/[itemID]/resources/inConfig/[uniqueName].png" style="width: 20px; height: 20px; margin: 2px; border-radius: 2px; vertical-align: middle" /> Public Access</li>
</ul>

I do the same thing as above with other icon images in the app, and they work fine with no tokens needed.

Any ideas for how I could mitigate for this? I know that I could host the images on a public facing web folder or convert them to Base64, but I'd like to avoid that. Thanks.

TimHayes1

Stupid me! I got so wrapped up in the app building I forgot. Thanks again, Robert!

RobertScheitlin__GISP

Tim,

When you add the about widget the settings UI has a button for changing the icon:

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.