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; } } }

Code changes to the existing widget

vbadugu_royomartin

I created an app from developer version of ArcGIS EXB 1.15 , downloaded zip file to the local drive. I just wanted to modify the code of existing widgets, it is a compiled code. is there a way to modify the code to add customizations to the existing downloaded widgets?

Finde mehr Beiträge mit dem Tag

ArcGIS Enterprise

Accepted answers

Marshal

This is an issue when customizing the List widget specifically. See the comments in post below for resolution.

https://community.esri.com/t5/arcgis-experience-builder-questions/select-feature-on-map-click-instead-of-popup/m-p/1533566#M14652

All comments

Marshal

Glad you got it working! I am not sure exactly what you mean, but it sounds like a more specific question about modifying the list widget.

In that case, I'd recommend accepting the solution on this question so that others can reference in the future. Then starting a new question with more appropriate title and specifics regarding what you are trying to accomplish with the list widget. You will likely get more support for your goal in that way (I am not an expert developer, so you'll get outside my skill level pretty fast!).

vbadugu_royomartin

I was able to resolve the issue. if some thing changes on the screen of list widget (adding buttons, text elements), how it would reflect same in VSCode ?

Marshal

This is an issue when customizing the List widget specifically. See the comments in post below for resolution.

https://community.esri.com/t5/arcgis-experience-builder-questions/select-feature-on-map-click-instead-of-popup/m-p/1533566#M14652

vbadugu_royomartin

I copied the list widget to your-extensions, I am getting the below error

ERROR in ./your-extensions/widgets/list-custom/src/runtime/widget.tsx 19:0-64
Module not found: Error: Can't resolve 'jimu-ui/advanced/link-container'. do I need to install or change the path of it ?

vbadugu_royomartin

Thanks Marshal.

Marshal

Adding custom widgets is done before exporting the app as a zip. Workflow would be something like below.

1) Copy the folder for the widget you want to modify from client\dist\widgets into your-extensions\widgets

2) Rename folder to your desired widget name

2) Update manifest.json to reflect the folder name in "name" and "label" attributes (I think only "name" is required, but I always change both)

3) Modify the files as needed in your new custom widget folder

3) Run npm start on the client folder to compile custom widget

4) Add and configure the customized widget in ExB. It will be at the bottom of the Insert Widgets list under Custom.

5) Export the application as zip and deploy

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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