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

      Item Padding

      Sets the padding around items within this region.

      • Default
      • Slim Padding
        Reduces form item padding to 4px.
      • Remove Padding
        Removes padding 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.