Tapas_Das

Installing Robert’s Enhanced Search Widget for the Web AppBuilder

Blog Post created by Tapas_Das on Apr 30, 2015

Are you migrating from Flex to JavaScript?

 

Are you curious about the Web AppBuilder?

 

Do you want to see how simple it is to create a feature-rich, fully responsive Web Application that works on all browsers and all devices without writing a single line of code?

 

Do you want to learn how to install and configure Robert Scheitlin's Enhanced Search Widget, the Wonder Widget that made the Flex platform so popular?

 

If so, you have come to the right place!

 

Get on your Desktop or Laptop and follow through this hands-on demo.

 

This will walk you through the entire process of downloading the Developer Edition of the Web AppBuilder, installing the custom widgets, registering an application, creating a Web Map, launching the Web AppBuilder, configuring the custom widgets, setting up a Proxy, and deploying the Web Application on a Web Server.

 

This Tutorial is broken into these sections:

 

  1. Overview   
  2. A few tips before you get started  
  3. Download Web AppBuilder Developer Edition   
  4. Download and Install NotePad++ 
  5. Download Robert's Enhanced Search Widget      
  6. Download Robert's Identify Widget         
  7. Download Robert's Enhanced Basemap Gallery  
  8. Summary of your Downloads       
  9. Install Robert's Custom Widgets  
  10. Register your Application on ArcGIS Online     
  11. Create a Web Map           
  12. Launch the Web AppBuilder Developer Edition 1.1      
  13. Making the Web AppBuilder work behind a Corporate Proxy  
  14. Create a Web Application           
  15. Add the Enhanced Basemap Gallery      
  16. Preview your Web App on different screen sizes          
  17. Add the Identify Widget 
  18. Add the Enhanced Search Widget          
  19. Download your Web App
  20. Set up your Proxy
  21. Test your Proxy   
  22. What if you have a Proxy on your LAN?
  23. Deploy your Web Application    
  24. Format config.json in DirtyMarkup.com
  25. Edit config.json   
  26. Test your Web Application         
  27. Transfer the Web Application to your Production Server         
  28. What if there is a Proxy on your Production Web Server?          
  29. Install Fidder to inspect the Network Traffic     
  30. Example config.json on your Production Server
  31. Working demo of this Web Application
  32. Resources
  33. The Road Ahead  
  34. Moxie's Technical Sessions at ESRI UC 2015   

 

 

Download the Web AppBuilder Tutorial (Version 2.0) from here:

 

 

http://www.TapasDas.com/WABv2.pdf

 

 

What’s New in Version 2.0?

 

Are you getting an HTTP 500 error when you try to test your Proxy?

Section 22 explains how to configure IIS Manager on your Local PC if you already have a Proxy on your Local Area Network.

Section 28 explains how to configure IIS Manager on your Production Web Server if there is a Proxy on the LAN.

 

Are you finding it hard to edit the config.json file because it does not have line breaks?

Section 24 explains how to format this file in DirtyMarkup.com

 

Are you interested in attending some Technical Sessions on the Web AppBuilder at the ESRI User Conference?

Section 34 lists some must see sessions presented by Moxie Zhang.

 

 

Test drive the Web Application that you will create:

 

http://www.TapasDas.com/Maps/Phones/app31

 

image31.jpg

 

Download the Web Application:

 

http://www.TapasDas.com/Maps/Phones/app31.zip

 

 

Bookmark Rebecca Strauch's Blog:

 

https://community.esri.com/blogs/myAlaskaGIS/2015/02/20/web-appbuilder-developer-edition-customization-resource-list

 

This is your Central Clearing House for everything related to the Web AppBuilder.

 

 

Bookmark Robert Scheitlin's Custom WAB Widgets Discussion List:

 

https://community.esri.com/thread/119278

 

This is the Central Repository for all of Robert's Custom Widgets.

 

 

 

Best regards,

 

Tapas Das, GISP

Outcomes