Skip to Main Content

Breadcrumb

About

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

Set Buttons Container as Region Template.

Examples

1. Default

Button Region Template

Region Body

Region Template Options

  • Use DefaultYes

2. Variation

Button Region Template

Region Body

Region Template Options

  • Use DefaultYes
  • Body PaddingNo Padding
  • StyleRemove UI Decoration

Button Positions

All possible positions in a Button Position Region.

Button Region Template

Template Options

  • General

    • Use Template Defaults
    • Stick to Bottom for Mobile
      This will position the button container region to the bottom of the screen for small screens.

  • Body Padding

    Sets the Region Body padding for the region.

    • Default
    • No Padding
    • Slim Padding

  • Style

    Determines how the region is styled. Use the "Remove Borders" template option to remove the region's borders and shadows.

    • Default
    • Borderless
    • Remove UI Decoration
  • Advanced

    Heading Level

    • Default
    • H1
      H1
    • H2
      H2
    • H3
      H3
    • H4
      H4
    • H5
      H5
    • H6
      H6
  • Advanced

    Item Spacing

    Sets the padding around items within this region.

    • Default
    • Standard
      Uses the standard spacing between items.
    • Slim
      Reduces form item spacing.
    • None
      Removes spacing between items.
  • Advanced

    Item Size

    Sets the size of the form items within this region.

    • Default
    • Large
    • X Large
  • Advanced

    Item Width

    Sets the width of the form items within this region.

    • Default
    • Stretch Form Fields
  • Advanced

    Label Alignment

    Set the label text alignment for items within this region.

    • Right
    • Left
      Align form labels to left.
  • Advanced

    Label Position

    Sets the position of the label relative to the form item.

    • Inline - Default
    • Show Form Labels Above
      Show form labels above input fields.
  • Advanced

    Top Margin

    Set the top margin for this region.

    • Default
    • None
      Removes the top margin for this region.
    • Small
      Adds a small top margin to the region.
    • Medium
      Adds a medium top margin to the region.
    • Large
      Adds a large top margin to the region.
  • Advanced

    Bottom Margin

    Set the bottom margin for this region.

    • Default
    • None
      Removes the bottom margin for this region.
    • Small
      Adds a small bottom margin to the region.
    • Medium
      Adds a medium bottom margin to the region.
    • Large
      Adds a large bottom margin to the region.
  • Advanced

    Left Margin

    Set the left margin for this region.

    • Default
    • None
      Removes the left margin from the region.
    • Small
      Adds a small left margin to the region.
    • Medium
      Adds a medium right margin to the region.
    • Large
      Adds a large right margin to the region.
  • Advanced

    Right Margin

    Set the right margin for this region.

    • Default
    • None
      Removes the right margin from the region.
    • Small
      Adds a small right margin to the region.
    • Medium
      Adds a medium right margin to the region.
    • Large
      Adds a large right margin to the region.