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.
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 |
8 | 2 |
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 |
Billboard | 7 of 10 | 5 spots | No |
Box | 1 of 10 | No | Box Controller with 2 preconfigured widgets |
Dart | 0 of 6 | No | Dart Controller with 3 preconfigured widgets |
Foldable | 8 of 11 | 5 spots | Header Controller with 2 preconfigured widgets |
Dashboard | 2 of 12 | 5 spots / 5 additional widget locations | No |
Launchpad | 8 of 11 | 4 spots with 1 preconfigured widget | Anchor Bar Controller with 2 preconfigured widgets |
Jewelry Box | 8 of 10 | 3 spots plus 1 drawer widget | Header Controller with 2 preconfigured widgets |
Plateau | 4 of 11 | No | Header Controller with 2 preconfigured widgets |
Tab | 11 of 13 | 3 spots | Sidebar Controller with 2 preconfigured widgets |
1 of 10 | 1 spot | None |
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 |
No logo, No title, No subtitle, No links |
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
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!
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