Theme

A theme is a template framework representing the look and feel of an app. Content in a theme includes a collection of panels, styles, and layouts, and a set of preconfigured theme widgets. A single app can include more than one theme, but it can only use one theme while running.

Web AppBuilder for ArcGIS provides out-of-the-box themes. The Theme tab supports the following:

  • Select a theme—Choose from one of the following themes:
    • Billboard—Designed for the app with simple tasks. It has the most layouts of all the themes and does not display the logo, links, and widget controller. All the widgets in the theme are on-screen widgets.
    • Box—Focuses on the widgets in the widget controller. By default, all on-screen widgets are turned off. There are no placeholders for widgets and no logo or links display. It is designed for the app that requires a clean look on the map.
    • Dart—Widgets in the widget controller display as placeholder widgets. You can have multiple widgets open and move them around. By default, all on-screen widgets are turned off. Similar to the Box theme, there are no placeholders for widgets and no logo or links display.
    • Dashboard—All the widgets in the panel open simultaneously when the app starts. It is designed to visualize widgets and their communication directly. You can modify the predefined layout by adding or removing grids, or resizing the grids in the panel. By default, most on-screen widgets are turned off except the Home, Zoom Slider, and Full Screen widgets. Optionally, you can turn on the Header widget to display the logo, the app name, and links.
    • Foldable—The first theme created by Web AppBuilder, it supports all widget types and can be used for the app with complicated tasks.
    • Jewelry Box—Evolved from the Foldable theme with a focused widget on the left of the app. It is designed for the app with a workflow task.
    • Launchpad—Designed for users who prefer the Apple Mac style. It allows you to open multiple widgets, and move, resize, and minimize them.
    • Plateau—Can be used to create a modern and basic application with flat toolbars and widget containers.
    • Tab—As with the Foldable theme, it supports all widget types and can be used for the app with complicated tasks.
    Themes
    Caution:

    The Plateau and Dashboard themes are not available when you build 3D apps.

  • Select a style—The available styles vary depending on the theme selected. Most themes have seven predefined colors from which to choose, except the Launchpad and Dashboard themes. If your organization has defined the shared theme with a header color, it will be the default color when a new app is created.
    Style
    You can also choose your own color by clicking the last color in the color picker.
    Color picker
  • Select a layout—A layout represents a preset placement of user interface items.
    Layouts
    • Only the Dashboard theme allows you to modify and generate your own layout.
    • When you build 2D apps, the available layouts vary depending on the theme selected. In addition, there are two styles of layout. One is for desktop and one is for mobile devices. When either the height or width of a screen display is less than 600 pixels, the mobile layout applies.
    • When you build 3D apps, each theme has two layouts for desktop only.
    Caution:

    Currently, layouts from the Dashboard theme do not support right-to-left languages.