Breadcrumb

    About

    These examples show how complex form layout can achieved in Universal Theme.

    Examples

    1. Default

    Expected format: DD-MON-RR
    Expected format: DD-MON-RR

    Region Template Options

    • Use DefaultYes

    2. Left Aligned Labels

    Expected format: DD-MON-RR
    Expected format: DD-MON-RR

    Region Template Options

    • Use DefaultYes
    • Advanced Label AlignmentLeft

    3. Large Form

    Expected format: DD-MON-RR
    Expected format: DD-MON-RR

    Region Template Options

    • Use DefaultYes
    • Advanced Item SizeLarge
    • Advanced Label AlignmentLeft

    4. Stretch Items

    Expected format: DD-MON-RR
    Expected format: DD-MON-RR

    Region Template Options

    • Use DefaultYes
    • Advanced Item SizeLarge
    • Advanced Item WidthStretch Form Fields
    • Advanced Label AlignmentLeft

    5. Labels Above

    Expected format: DD-MON-RR
    Expected format: DD-MON-RR

    Region Template Options

    • Use DefaultYes
    • Advanced Item SizeLarge
    • Advanced Item WidthStretch Form Fields
    • Advanced Label AlignmentLeft
    • Advanced Label PositionShow Form Labels Above

    Template Options

    • 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.