Developing a Custom Widget for ArcGIS Web AppBuilder

Ablajan Sulaiman
16 min readJan 17, 2023

Converting a JavaScript/HTML Map to a Web App Widget

Web App Builder

Introduction

Without doing any coding, you can use Web AppBuilder for ArcGIS or ArcGIS Experience Builder to create and deploy custom web apps that can run on any device. Built using the ArcGIS API for JavaScript and HTML5 technology, Web AppBuilder for ArcGIS Developer Edition enables you to create your own custom widgets and themes, extending the app builder’s capabilities [1]. ArcGIS Experience Builder empowers you to quickly transform your data into compelling web apps without writing a single line of code. Build mapcentric or nonmapcentric apps and display them on a fixed or scrolling screen, on single or multiple pages. Perform a drag-and-drop operation to choose the tools you need from a rich set of widgets, design your own templates, and interact with your 2D and 3D content — all within one app. With ArcGIS Experience Builder, your web apps look great and run seamlessly on mobile devices[2].

ArcGIS Experience Builder

They include built-in tools so you can create 2D and 3D web apps for your workflows and your brand. It’s user-friendly, flexible, and full of GIS functionality [3]. However…

--

--