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

How do I clone a widget and rename it differently?

haThach

Hi Everyone,

Can someone guide me to the process of cloning a widget in the Web AppBuilder (Developer Edition). I can't seem to find a documentation to do this.

Thanks,

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

Accepted answers

RobertScheitlin__GISP

Ha,

You just copy the widgets folder and rename it to the widgets desired name.
Open the manifest.json and change the widgets name there to match the folder name given in step 1
Open the widget.js and if there is a name property in there replace that too.

All comments

haThach

Robert,

I search through all the files in the eSearch widget and found one additional file that I have to change. This seem to fix the issue that I'm having.

For those that might be interested to know....

Thanks,

FlorianCADOZ

Hi Ha and Robert !

Regardless of the code of the widget, you must also add the widget name to list.json file to call it in the Builder and in the config.json in sample config for the developer side.

RobertScheitlin__GISP

Ha,

Yes with a widget as complicated as the eSearch there are going to be MANY more places in the code (*.js and *.html files) that the name eSearch is hard coded.

haThach

Thanks Robert.

I copy one of your eSearch widget and rename it to eSearchCust. Than I open both of the file you suggested and change these area highlighted in yellow.

Everything went well when I add the eSearchCust widget and save the update.

Now, when I launch the map, and click on the new widget. This is what I get...

I used fiddler and it seem to look in the widget/eSearch/List.js.

Does this make sense? Are there more files that I have to change?

Thanks,

RobertScheitlin__GISP

Ha,

You just copy the widgets folder and rename it to the widgets desired name.
Open the manifest.json and change the widgets name there to match the folder name given in step 1
Open the widget.js and if there is a name property in there replace that too.

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.