Breadcrumb

About

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

Set Standard as Region Template.

Examples

1. Default

Standard Region Template

Region Body

Region Template Options

  • Use DefaultYes
  • Advanced Body OverflowScroll - Default

2. Hidden Heading

Standard Region Template

Region Body

Region Template Options

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

3. Icon in Region Header

Standard Region Template

Region Body

Region Body

Region Body

Region Template Options

  • Use DefaultYes
  • Show Region IconYes
  • Body Height240px
  • Advanced Body OverflowScroll - Default

4. Variation B

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

Button Positions

The following region shows all possible button positions.

Region Title

Use Cases

Region with Button Bar

This region demonstrates a button bar that can be used to navigate between widgets, and also display menu buttons.

This region also has a custom style applied to the button container. You can style these "button containers" relatively easily by adding some custom CSS to the page.
For example, the class button-bar has been applied to the region in Page Designer, and the following CSS has been added to the page:

.button-bar .t-Region-buttons.t-Region-buttons--top { border-bottom: 1px solid rgba(0,0,0,.1); background-color: rgba(0,0,0,.05); }