Edit ESRI's widgets

836
4
Jump to solution
10-21-2022 02:06 PM
LefterisKoumis
Frequent Contributor

In WAB, I could edit ESRI widgets to modify their functionality to better fit my organization's needs.

In ExB, ESRI widgets in the development environment are located under client/dist/widgets/

However, these widgets already translated and cannot be easily modified. Where can we view the ESRI widget in their original source code?

I am aware of  the

https://github.com/Esri/arcgis-experience-builder-sdk-resources/tree/master/widgets

but not all widgets are there. 

1 Solution

Accepted Solutions
Grant-S-Carroll
Esri Contributor

Its under widgets/common/table

GrantSCarroll_0-1666890504319.png

 

The other way to find these widgets is to create an app, drop the widget you want in to the app, and then go look at the config file for the app under the server/public/apps folder. Then search for the name you gave the widget, and you should then see the URI to the widget.

GrantSCarroll_1-1666890656351.png

 

View solution in original post

4 Replies
Grant-S-Carroll
Esri Contributor

Is the source code for the widgets not under the /src folder in the widget folder? I have copied these widgets out, put them in to the your-extensions folder, changed the folder name, so it doesn't clash, and updated the mainifest so I can then modify the widget.tsx and associated files.

GrantSCarroll_0-1666386832936.png

Or are you looking to modify the OOTB widgets directly? In which case you could maybe do the same as the above, copy out to the your-extensions, make your changes, then copy the complied code back in over the top of the existing OOTB widgets.

 

0 Kudos
LefterisKoumis
Frequent Contributor

THank you. After I posted the question, I found them. However, I am looking for the Table widget which is not listed under dist/widgets/arcgis

0 Kudos
SaiBharadwaj
Emerging Contributor

Hi, where did you find the table widget code

0 Kudos
Grant-S-Carroll
Esri Contributor

Its under widgets/common/table

GrantSCarroll_0-1666890504319.png

 

The other way to find these widgets is to create an app, drop the widget you want in to the app, and then go look at the config file for the app under the server/public/apps folder. Then search for the name you gave the widget, and you should then see the URI to the widget.

GrantSCarroll_1-1666890656351.png