White Label End User Guide
Markdown FilesDeveloper DocsDeveloper Login
  • Quick Start Guide for Content Builder
  • Builders
    • Design Builder Overview
    • Page Builder
      • Internal Links for Page Navigation
  • Manage Files
    • File Manager
      • How to Move Files
  • Design Tools
    • Undo, Redo, and History
    • Mobile Optimization Options
    • Mobile Design Mode
    • Configuring Settings
    • Borders
    • Padding
    • Hover Effect for Buttons
    • Content Area Padding
    • Line Height
  • Dynamic Content
    • Display Conditions
  • Content Blocks
    • Table
    • Forms
      • Form Layout Customization
    • Video
    • Icons
    • GIF Animations and Animated Stickers
    • Custom HTML
    • Paragraph and List Content Blocks
    • Titles
    • Menus
    • Images
    • Dividers and Spacers
    • Letter and Paragraph Spacing
  • Reuse Content
    • Saved Rows
    • Hosted Saved Rows
      • Glossary of Common Terms
    • Synced Rows
  • Structure Content
    • Row vs. Content Block Selection
    • Row Properties
    • Column Management
  • Design for any Language
    • Multi-language Templates
  • Preview Options
    • Preview Designs
    • Dark Mode Preview
  • Team Collaboration
    • Co-editing in the Builder
    • Content Locking
  • AI Tools for Content Creation
    • Apply a Brand Tone
    • AI-Generated Images
    • AI-Generated Metadata
    • Bulk Generate Alt Text with AI
    • AI Writing Assistant
    • Automatic Translations
Powered by GitBook

GitHub

  • Edit on GitHub
On this page
  • Adjusting a field's orientation
  • Changing your form's layout preset
  • Editing your field's width

Was this helpful?

Export as PDF
  1. Content Blocks
  2. Forms

Form Layout Customization

Steps for customizing your form's layout.

Last updated 7 months ago

Was this helpful?

This page discusses how your can customize your form's layout, and provides instructions on how to perform the following:

  • Select one of two field orientation options. These options are horizontal and vertical.

  • Select one of three layout preset options for your form. These options are horizontal, vertical, and grid.

  • You have the option to set your field's width to 50% or 100% when you set the layout preset to grid.

The following video provides a visual representation of how you can use the different functionalities mentioned above.

Adjusting a field's orientation

Take the following steps to adjust a field's orientation:

  1. Navigate to the sidebar.

  2. Locate the Manage Fields section.

  3. Find the field you'd like to adjust the orientation for and click the corresponding Edit button.

    1. A modal will appear.

    2. You will see options for horizontal and vertical under Layout.

  4. Select the option you'd like to apply.

  5. Click Save to confirm your changes.

Note: This only applies to checkbox and radio field types.

Changing your form's layout preset

Take the following steps to adjust a form's layout preset.

  1. Navigate to the sidebar.

  2. Locate the Layout section.

  3. Find the Layout drop-down menu.

  4. Select Grid, Vertical, or Horizontal from the drop-down menu.

Your changes will automatically be applied.

Editing your field's width

Take the following steps to edit your field's width.

  1. Ensure the Layout is set to Grid.

  2. Navigate to the field you'd like to adjust the field width for.

  3. You will see a 50% or 100% field width option.

  4. Select the option you'd like to apply.

Your changes will automatically be applied.

Note: The Grid must be set as the Layout option in the sidebar to edit the width of qualifying fields.

Adjusting a field's orientation:
Changing your form's layout preset:
Editing your field's width: