topic Re: Web AppBuilder Custom Widget Development Workflow in Web AppBuilder Custom Widgets Questions

Web AppBuilder Custom Widget Development Workflow

Anonymous User — Tue, 11 Aug 2020 20:04:17 GMT

Hello All,

I am new to custom widget development. I successfully followed the tutorial here:

Create a custom in-panel widget—ArcGIS Web AppBuilder (Developer Edition) | ArcGIS for Developers

The demo custom widget deployed successfully and I was able to add it to my map. I then tried to add more code to the Widget.js file, but none of the changes were reflected. I made the changes with the AppBuilder server off. Then I started AppBuilder, removed the widget from my map and then added it again. None of the new code I added executed.

I found a similar question here and the answer was to go into the server\apps\<app number>\widgets folder and edit the code directly in there. After altering the code there I was able to see my changes. Is that the normal workflow, or is there another way?

Thank you.

Re: Web AppBuilder Custom Widget Development Workflow

RobertScheitlin__GISP — Wed, 12 Aug 2020 12:20:45 GMT

Damon,

This is a normal workflow. To help you understand. The client/stemapp folder is the "base" and all apps that are created are clones of the base "stem cell". So you begin your custom widget development in the client/stemapp/widgets folder but as soon as you add your widget to an app then you are working with a clone of the stemapp in the server/apps/[app#] folder and there is no longer any connection between the two.

Re: Web AppBuilder Custom Widget Development Workflow

Anonymous User — Wed, 12 Aug 2020 15:13:43 GMT

Hi Robert,

Just wanted to drop a big thanks! All is clear now.