Custom Widgets in Web AppBuilder

2800
4
07-07-2017 09:40 AM
NoahCynkar
New Contributor II

I have been working to upload custom widgets from the following site: Roberts Custom WAB Widgets .

I have done this successfully in the past and was able to upload widgets such as the Layer Toggle Button. The WAB for developers has been downloaded and set up for creating apps. I was able to fully implement the new widgets into the WAB. Now, 1 week later, I tried to add new widgets to the stemapp folder and they refuse to upload into the online WAB.

The command prompt shows a message:

"message: not extended C:\(Location of the custom widgets that I am attempting to add)

I have used guides provided by Derek Law‌ such as http://www.esri.com/esri-news/arcwatch/0217/add-custom-widgets-to-web-appbuilder-for-arcgis-develope... and http://www.esri.com/esri-news/arcwatch/0117/configure-web-appbuilder-for-arcgis-developer-edition-to... . 

I followed the guides almost exactly. In order to load the developer, I click on 'Open Application' on the application that I configured in the earlier steps. After this I must delete ".esri.com" from the domain name in order for the developer to properly load. In the Redirect URLs I also omitted the ".esri.com."

I have tried reloading the page several times but the widgets are never properly uploaded. I can't figure out what the issue may be. 

0 Kudos
4 Replies
RebeccaStrauch__GISP
MVP Esteemed Contributor

It would help to know what version of WAB developer edition you are using.  I am a little confused about your comment about trying to upload the custom widgets to AGOL. This is not a typical workflow since custom widgets like those provided by Robert and others are meant to be used with the developer edition only.

if you are saying that you have customized WAB on ArcGIS online, downloaded that and are trying to load that into WAB developer edition, that might be because AGOL was updated about a week ago.  The developer edition equivilent upgrade usually follows 4-6 weeks after AGOL updates, so probably in August.

to see more about the AGOL update https://community.esri.com/community/gis/web-gis/web-appbuilder/blog/2017/06/28/what-s-new-in-web-ap... 

NoahCynkar
New Contributor II

Derek Law

I am using version 2.4. Because I did this successfully before, I am quite confused as to which step I am making an error on. I am going to post the exact workflow that I have taken to load the developer edition. If you have time within the next week or two, I would really appreciate it if either of you could pinpoint the step in which I am making a mistake.

Step 1:

  • I downloaded the Developer edition and extracted it to my drive.

Step 2: 

  • In the My Content menu I clicked Add Item --> An application
  • For URL I put https://<my computer name>.esri.com:3344/webappbuilder 
  • I opened the app and clicked Settings. At the bottom of the page I clicked register. For the URLs I put http://<mycomputername> and https://<mycomputername> 
  • I now have an App ID.

Step 3:

Here is the Web AppBuilder folder contents: 

  • Double click the startup application

After loading, the startup looks like this:

Step 4:

  • Go to ArcGIS for Developers. In the Dashboard, I launch the application I made to create the App ID. 
  • The following shows up: <mycomputername>.esri.com
  • I found that when I delete .esri.com from the domain name, it loads the following page correctly:

  • The following lines are added to the startup:

Step 5:

  • Click Configure app on the menu screen. 
  • Then I click the widgets tab and the following menu pops up:

  • As you can see, the Enhanced Bookmark, Enhanced Basemap, Map Progress, Popup Panel and Layer Toggle Button.

Step 6:

  •  The next day, I downloaded various widgets from Robert's page and used the same process. I downloaded the zip files, extracted them and moved the to the folder path: ..........\AGOL Files\arcgis-web-appbuilder-2.4\WebAppBuilderForArcGIS\client\stemapp\widgets
  • I have also tried to add them to: ..........\AGOL Files\arcgis-web-appbuilder-2.4\WebAppBuilderForArcGIS\server\apps\2\widgets
  • This is what the startup looks like at this point:

When I re-load the developer, the new widgets fail to show up like they did before. 

Is there any steps that I'm missing? Do I have to do anything with the code in the developer that I need to update for this? I feel that there is likely errors I am making along the way but I just can't seem to find where I am going wrong.

I appreciate your assistance.

0 Kudos
DerekLaw
Community Moderator

Hi Noah,

Apologies for the late reply - when you posted, it was during the esri UC week and it was pretty busy. Even a week later, I am still in the process of catching up on emails, etc.

In your step 2, you added Web AppBuilder Developer Edition as a new item in your ArcGIS Online organization, right? Just want to confirm.

In your step 4, when Web AppBuilder Developer Edition opens in your web browser - you need to add the App ID that you got from Step 2 to the configurable panel. Please see this article,

ArcWatch | Configure Web AppBuilder for ArcGIS Developer Edition to Work with Your ArcGIS Online Org... 

(see step 3)

Hope this helps,

0 Kudos
DerekLaw
Community Moderator

Hi Noah,

> I tried to add new widgets to the stemapp folder and they refuse to upload into the online WAB.

I have to agree with Rebecca Strauch, GISP, I am not sure what this statement means. Can you please elaborate more? We don't support uploading custom widgets into Web AppBuilder in ArcGIS Online.

FYI: I am working at the Esri UC this week, so my reply may be delayed.