Web AppBuilder Notes: Themes, Widgets, and Attributes

2580
3
08-23-2017 04:39 PM

Web AppBuilder Notes: Themes, Widgets, and Attributes

Note: This article refers to Web AppBuilder for ArcGIS (Online Edition) dated December 2018 and Web AppBuilder for ArcGIS (Developer Edition) 2.11 (January 2019).

Web AppBuilder for ArcGIS supports 10 out-of-the-box themes determining the look and feel of your application. The choice of theme impacts the widgets you can add to your app as well as the attributes you can modify to brand your app. The following tables document the relationships between themes, colors and layouts, themes and widgets, and themes and attributes. Each theme was designed with a use in mind. Refer to the Web AppBuilder help articles Theme, Widget, and Attribute for more information.

Theme colors and layouts

Each theme supports a fixed number of default colors, plus one customizable color. Each theme also supports from 1 to 5 layouts controlling the placement of widgets and attributes.

Theme

Colors

Layouts

Billboard

8

4

Box

8

2

Dart

8

1

Foldable

8

5

Dashboard

3

3

Launchpad

3

2

Jewelry Box

8

3

Plateau

8

2

Tab

8

2

Pocket

8

2

Themes and widgets

Each theme supports a collection of off-panel widgets you can turn on/off and may support additional on-screen widgets (widgets which are placed on the map) or a widget controller.

Theme

Built-In Widgets

On-Screen Widgets

Widget Controler

Billboard7 of 105 spotsNo
Box1 of 10NoBox Controller with 2 preconfigured widgets
Dart0 of 6NoDart Controller with 3 preconfigured widgets
Foldable8 of 115 spotsHeader Controller with 2 preconfigured widgets
Dashboard2 of 125 spots / 5 additional widget locationsNo
Launchpad8 of 114 spots with 1 preconfigured widget
Anchor Bar Controller with 2 preconfigured widgets
Jewelry Box8 of 103 spots plus 1 drawer widget
Header Controller with 2 preconfigured widgets
Plateau4 of 11NoHeader Controller with  2 preconfigured widgets
Tab11 of 133 spots Sidebar Controller with 2 preconfigured widgets
Pocket1 of 101 spot None

 

Themes and attributes

The choice of theme determines whether or not your app can have a logo, title, subtitle, and links to additional information.

Theme

Attribute

Billboard

No logo, No title, No subtitle, No links

Box

No logo, Title, No subtitle, No Links

Dart

No logo, Title, No subtitle, No links

Foldable

Logo, Title, Subtitle, Links

Dashboard

No logo, No title, No subtitle, No links

Launchpad

Logo, Title, Subtitle, Links (expandable link object)

Jewelry Box

Logo, Title, Subtitle, Links

Plateau

Logo, Title, Subtitle, Links

Tab

Logo, Title, Subtitle, Links

Pocket

No logo, No title, No subtitle, No links

Comments
Anonymous User

I don't like the way "Legend" and "Layer List" are separate widgets that have to be selected. Is it possible to show the information from both on one widget? - All layers with their symbolization?

Thank you,

Randy McGregor

Anonymous User

Randy McGregor‌ - you have seen that if you click a layer's name, it expands to show its legend swatch, right? Does that not do what you want, in terms of behavior? 

This is a great summary post, thanks Rudy!

Anonymous User

I did know that, but thanks for the reminder. I like having the legend always visible, showing what is turned on.

I found that it is VERY  easy to merge the legend and the layer list by simply dragging one widget over the other.

Thanks,

Randy

Version history
Last update:
‎08-23-2017 04:39 PM
Updated by:
Contributors