Overview

Web AppBuilder includes many out-of-the-box widgets. These widgets provide fundamental functions to easily create web apps. Most of them have parameters that allow configuration and customization. Widgets added from the Choose Widget window can be set to open automatically when an app starts. In general, widgets are categorized as two types: off-panel and in-panel.

Off-panel widgets

Off-panel widgets can be turned on or off but cannot be removed from an app. They can be added to the controller. The off-panel widgets embedded in a theme display when the Widget tab is activated. The following is a list of off-panel widgets:

Off-panel widgets

To turn on or off a widget, hover over the widget and click the eye icon.

In-panel widgets

In-panel widgets are available to the widget controllers and can be added to your app. By default, they are contained by a controller. Depending on which theme you choose, they may show in the upper right corner of the app with the header controller in a Foldable theme or on the left side of the app with the side controller in the Tab theme.

Each in-panel widget requires user interactions on the panel. The following is a list of in-panel widgets:

In-panel widgets

In addition, in-panel widgets are associated with placeholders that define the position of an in-panel widget on the screen. You can drag and drop the in-panel widget on the map when it opens. You can also resize the panel of the widget by dragging its lower right corner.

Placeholders

To remove the widget, hover over the widget and click the x icon.