
Also, you’ll want to change the BaseClass property to match your widget name. There are a set of standard widget event handlers defined here that you can start plugging code into, to see how things work. Jump into the folder and open up the Widget.js file.Copy the Demo folder, giving it a name like ‘MyWidget’ (I called mine ‘OzriDemo’).Go to the client\stemapp\widgets\samplewidgets subfolder of your Web AppBuilder directory.There are a few ways to go about this, but here’s what I’ve done in the past (and more-or-less what is described here in the software development kit) and it’s worked well for me: This article – In-panel and off-panel widgets – goes into a bit more detail about the specific differences than I did.Įvery widget has a set of required components – this article describes what they are, and although I discussed many of them later in the presentation, I think it’s worthwhile to have an idea of what they are before diving in any further.Īt this point I jumped out of the slides, and into the steps you can take to start widget development as quickly as possible. An off-panel widget can be a widget that hovers over the map like a scale bar or one that has no user interface whatsoever, like a listener for a custom data source. As the name implies, an in-panel widget lives in a panel – exactly how the panel behaves depends on the theme you’re using. Custom widgets, giving your apps tools & functionality that can’t be achieved using the standard widgets (this is what I focused on today…)īefore you begin creating a widget you need to decide whether you want an in-panel widget or an off-panel widget.Custom themes, giving your apps a unique look & feel.Next I gave a quick rundown of how Web AppBuilder for ArcGIS (Developer Edition) differs, and what you can do with it, specifically how it connects to ArcGIS Online or your organisation’s portal and there are two main types of development: Those versions aren’t extensible but it’s good to know what you can do without customisation before beginning to write code – for many applications, the widgets provided out-of-the-box will get the job done. If you aren’t familiar with the versions of Web AppBuilder available through ArcGIS Online and Portal for ArcGIS, I’d recommend having a look at the Web AppBuilder for ArcGIS webpage before diving into custom development with the Developer Edition. I began by briefly explaining what Web AppBuilder is. I packed a lot of info into those fifteen minutes so I thought it’d be worthwhile to provide you with a recap and links to several of the resources I mentioned.

This afternoon I presented ‘Web AppBuilder: Build your first widget in 15 minutes’.
