Regions

All the templates for grouping elements and widgets in your apps.

Standard

The generic region template. It works well with all widgets and can be heavily customized.

Set Standard as Region Template.

Standard Region Template

Region Body

Region Template Options

  • Use DefaultYes
  • Advanced Body OverflowScroll - Default

Standard Region Template

Region Body

Region Template Options

  • Use DefaultYes
  • Advanced Body OverflowScroll - Default
  • HeaderHidden but accessible

Standard Region Template

Region Body

Region Body

Region Body

Region Template Options

  • Use DefaultYes
  • Body Height240px
  • AccentAccent 1
  • Advanced Body OverflowScroll - Default

Standard Region Template

Region Body

Region Body

Region Body

Region Template Options

  • Use DefaultYes
  • Show Maximize ButtonYes
  • Body Height240px
  • AccentAccent 2
  • Advanced Body OverflowScroll - Default

Alert

Notify your users with alerts, confirmations, and other action-oriented messages.

Set Alert as Region Template.

Alert Region

Region Body

Region Template Options

  • Use DefaultYes
  • Alert IconsShow Default Icons
  • Alert TypeWarning
  • Alert DisplayHorizontal

Alert Region

Region Body

Region Template Options

  • Use DefaultYes
  • Highlight BackgroundYes
  • Alert DisplayWizard
  • Alert IconsShow Default Icons
  • Alert TypeSuccess

Alert Region

Region Body

Region Template Options

  • Use DefaultYes
  • Alert IconsShow Custom Icons
  • Alert TypeInformation
  • Alert DisplayWizard

Hero

Capture your users' attention on homepage, dashboard, and other introductory-style pages. This region template displays an icon, heading and sub headings, and buttons.

Set Hero as Region Template.

Hero Region Template

Region Body

Region Template Options

  • Use DefaultYes

Hero Region Template

Region Body

Region Template Options

  • Use DefaultYes

Buttons Container

Organize your button bars, toolbars, and simple horizontal forms.

Set Buttons Container as Region Template.

Button Region Template

Region Body

Region Template Options

  • Use DefaultYes

Button Region Template

Region Body

Region Template Options

  • Use DefaultYes
  • Body PaddingNo Padding
  • StyleRemove UI Decoration

Button Region Template

Region Template Options

  • Use DefaultYes

Carousel

Show off one sub region at a time. For example, displaying a report and a chart, a slideshow, or different views of the same data.

Set Carousel Container as Region Template.

Carousel Region

Region A

Region B

Region C

Region Template Options

  • Use DefaultYes
  • Advanced Body OverflowHide
  • AnimationSpin

Carousel Region

Region A

Region B

Region C

Region Template Options

  • Use DefaultNo
  • AnimationSpin
  • Timer5 Seconds
  • Advanced Body OverflowHide

Carousel Region

Region A

Region B

Region C

Region Template Options

  • Use DefaultYes
  • Remember Carousel SlideYes
  • Advanced Body OverflowHide

Collapsible

Allow your users to toggle the visibility of a region's content on the page.

Set Collapsible as Region Template.

Collapsible Region

Region Body

Region Template Options

  • Use DefaultYes
  • Default StateExpanded
  • Advanced Body OverflowScroll - Default

Region Template Options

  • Use DefaultYes
  • Default StateCollapsed
  • Advanced Body OverflowScroll - Default

Collapsible Region

Region Body

Region Body

Region Body

Region Template Options

  • Use DefaultYes
  • Body Height240px
  • Default StateExpanded
  • Advanced Body OverflowScroll - Default

Title Bar

Group breadcrumbs, page title, and primary page actions at the top of the page.

Set Title Bar as Region Template.

Title Bar Region

Region Template Options

  • Use DefaultYes
  • Region TitleUse Current Breadcrumb Entry

Breadcrumb Template Options

  • Use DefaultYes

Title Bar Region

Region Template Options

  • Use DefaultYes
  • Region TitleUse Region Title

Breadcrumb Template Options

  • Use DefaultYes

Title Bar Region

Region Template Options

  • Use DefaultNo
  • Region TitleUse Region Title

Breadcrumb Template Options

  • Use DefaultYes

Wizard

Use this region template for the Wizard Progress list, and as the container for your forms.

Set Wizard Container as Region Template.

Wizard

Current Progress

  • Step 1
  • Step 2
  • Step 3
  • Step 4

Sub Region with Form Items

Region Template Options

  • Use DefaultYes
  • Hide Steps ForSmall Screens (Tablet)

List Template Options

  • Use DefaultYes
  • Label DisplayCurrent Step Only

Wizard

Current Progress

  • Step 1
  • Step 2
  • Step 3
  • Step 4

Sub Region with Form Items

Region Template Options

  • Use DefaultYes
  • Show TitleYes
  • Hide Steps ForX Small Screens (Mobile)

List Template Options

  • Use DefaultYes
  • Label DisplayCurrent Step Only

Wizard

Current Progress

  • Step 1
  • Step 2
  • Step 3
  • Step 4

Sub Region with Form Items

Region Template Options

  • Use DefaultNo
  • Hide Steps ForSmall Screens (Tablet)

List Template Options

  • Use DefaultYes
  • Label DisplayHide Labels