topic Re: How do I clone a widget and rename it differently? in ArcGIS Web AppBuilder Questions

How do I clone a widget and rename it differently?

haThach — Wed, 20 Jan 2016 20:36:41 GMT

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,

Re: How do I clone a widget and rename it differently?

RobertScheitlin__GISP — Wed, 20 Jan 2016 20:59:17 GMT

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.

Re: How do I clone a widget and rename it differently?

haThach — Wed, 20 Jan 2016 21:55:08 GMT

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,

Re: How do I clone a widget and rename it differently?

RobertScheitlin__GISP — Wed, 20 Jan 2016 22:00:10 GMT

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.

Re: How do I clone a widget and rename it differently?

FlorianCADOZ — Thu, 21 Jan 2016 09:50:27 GMT

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.

Re: How do I clone a widget and rename it differently?

RobertScheitlin__GISP — Thu, 21 Jan 2016 12:57:37 GMT

Florian,

Actually No, I have never had to do that step as the builder will add it to that list automatically once it sees that there is new widget added.

Re: How do I clone a widget and rename it differently?

FlorianCADOZ — Thu, 21 Jan 2016 16:11:03 GMT

oh ? So, sorry, maybe I have a problem in my WAB 'cause I always have to add it in the list.json...

Re: How do I clone a widget and rename it differently?

haThach — Thu, 21 Jan 2016 16:32:52 GMT

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,

Re: How do I clone a widget and rename it differently?

RobertScheitlin__GISP — Thu, 21 Jan 2016 16:47:14 GMT

Ha,

There are several more of these in the settings folder as well. Don't forget to mark this as answered.

Re: How do I clone a widget and rename it differently?

AlainMunyaneza1 — Thu, 28 Apr 2022 14:22:28 GMT

Hi Robert,

Hope You are well. We have tried to copy the Smart editor widget as many widgets and replaced all the file names. We still get the error same as Thach got above when you view the widget in web appbuilder. It brings this same error as Thach on pic