https://community.esri.com/t5/arcgis-experience-builder-questions/customize-button-widget-with-icon/m-p/1228516#M5665 <P>Hello,</P><P>I am trying to figure out if it is possible to replace the UI of the Button Widget with a custom icon such as a svg with some text, or whatever 3rd party icons. The button widget is really powerful and flexible because it can navigate to different views and pages, but sometimes we need a different UI (icon) for different views or pages.</P><P>For example, instead of the out-of-the-box button widget, I want something like this as a button widget to click on:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screen Shot 2022-11-03 at 1.55.32 PM.png" style="width: 60px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/55236i3716CC220E674752/image-size/large?v=v2&amp;px=999" role="button" title="Screen Shot 2022-11-03 at 1.55.32 PM.png" alt="Screen Shot 2022-11-03 at 1.55.32 PM.png" /></span></P><P>I have watched some tutorials from the Dev Summit. It looks like it is possible to override the widget UI with css or Emotion JS. But I am kinda stuck with those approaches because they seemed not that straightforward with my issues. Any suggestions would be greatly appreciated. Thanks!</P><P>&nbsp;</P> Thu, 03 Nov 2022 21:50:54 GMT JingchaoZhou 2022-11-03T21:50:54Z https://community.esri.com/t5/arcgis-experience-builder-questions/customize-button-widget-with-icon/m-p/1228516#M5665 <P>Hello,</P><P>I am trying to figure out if it is possible to replace the UI of the Button Widget with a custom icon such as a svg with some text, or whatever 3rd party icons. The button widget is really powerful and flexible because it can navigate to different views and pages, but sometimes we need a different UI (icon) for different views or pages.</P><P>For example, instead of the out-of-the-box button widget, I want something like this as a button widget to click on:</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screen Shot 2022-11-03 at 1.55.32 PM.png" style="width: 60px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/55236i3716CC220E674752/image-size/large?v=v2&amp;px=999" role="button" title="Screen Shot 2022-11-03 at 1.55.32 PM.png" alt="Screen Shot 2022-11-03 at 1.55.32 PM.png" /></span></P><P>I have watched some tutorials from the Dev Summit. It looks like it is possible to override the widget UI with css or Emotion JS. But I am kinda stuck with those approaches because they seemed not that straightforward with my issues. Any suggestions would be greatly appreciated. Thanks!</P><P>&nbsp;</P> Thu, 03 Nov 2022 21:50:54 GMT https://community.esri.com/t5/arcgis-experience-builder-questions/customize-button-widget-with-icon/m-p/1228516#M5665 JingchaoZhou 2022-11-03T21:50:54Z