Tutorial on using Robert Scheitlin’s Custom Widgets for the Experience Builder

[DavidDas__GISP]

Hi Robert,

Thanks a million for all the time and effort you have spent in migrating your Custom Widgets for the Web AppBuilder to the Experience Builder.

I know it was a monumental task when you converted your Enhanced Search Widget from the Flex API to the Web AppBuilder. It involved 50,000 lines of code.

Now you are doing it again with JavaScript 4.x and React.js on the Experience Builder platform.

Our customers appreciate the 4 Custom Widgets your have released for the Experience Builder:

• Print Widget
• Enhanced Locate Widget
• Measurement Widget
• Draw Widget

I have tested them in the Experience Builder version of our Parcel Map.

This link will work in Firefox not Chrome since I am using http:

http://www.davidapps.net/exb/ParcelMapV2/

I wrote a comprehensive 267-page Tutorial on how to download and install your Custom Widgets for the Experience Builder Developer Edition.

This may help a novice on getting started on the Experience Builder Platform.

This this the Online Tutorial in HTML5 format:

http://davidapps.net/exb/EXBDevTutorial

It can be downloaded as a single PDF file:

http://davidapps.net/exb/EXBDevTutorial.pdf

I am anxiously looking forward to your Enhanced Search Widget and Identify Widget for the Experience Builder.

I would be more than happy to beta test them for you using our Parcel Map.

Your Enhanced Search Widget for the Web AppBuilder has become the centerpiece of all our Web Apps.

It would be awesome to have this functionality ported to the Experience Builder Platform.

Best regards,

David Das

[TimConfare2]

I'm assuming to restart the npm client service I can just close out the command prompt and open another one to run the npm start?  Or is there a command to stop or restart it?  I saw on your documentation that you did a cntrl C in both command windows.  I am on a mac remotely connected to my PC at work and a cntl-C or command-C did not do anything.

Thanks for all your help on this.

[TimConfare2 · Accepted solution]

I figured out what happened.  I reinstalled EB and went through the install process and it occurred to me that I never did the 'npm ci' in the client directory.  Once it did that it worked.  Thank you for looking into this for me.

[TimConfare2]

This is my first attempt at installing Robert's custom widget.  Thanks

[DavidDas__GISP]

Hi Tim,

Just close the command window running the npm client.

This will terminate the process.

Then, open another command window to restart it.

[Aazia_Taylor_]

Hi!

I was able to install the widget with no problem, but the line does not appear while measuring. Any idea why that might happen?

[sapnas]

Hi David, What did you use to create online tutorial using HTML5? The site that you built is interesting and I would like to use it for our internal documentation. Any help would be greatly appreciated

[TimConfare2]

I would also like to know how you created the online tutorial.  Any guidance is appreciated