Form Builder Guide

The LogixForms builder provides an intuitive interface to design professional forms for any business need. With drag-and-drop functionality and multiple field types, you can create data collection forms in minutes.

 


 

Form Elements

Build your form using these available components:

1. Text Field

For short, single-line responses

When to Use:

  • Names, IDs, phone numbers

  • Short answers (under 50 characters)

Configuration Options:

  • Placeholder text (gray hint text)

  • Character limit (enforce max length)

  • Input validation (numbers only, etc.)

  • Make mandatory

2. Paragraph

For long-form text responses

When to Use:

  • Comments, descriptions

  • Feedback, explanations

Configuration Options:

  • Minimum/maximum word count

  • Rich text formatting (bold, lists)

  • Auto-expanding height

 

Selection Fields

3. Dropdown

Single selection from a list

When to Use:

  • Country/state selection

  • Category picking

Configuration Options:

  • Set default selected value

 

4. Checkbox

Multiple toggles for selections

When to Use:

  • Selecting multiple options

  • Terms acceptance

  • Feature selections

5. Radio Button

Single selection from visible options

When to Use:

  • Gender selection

  • Priority levels

  • Yes/No questions

 

Specialized Fields

6. Date

Calendar date picker

When to Use:

  • Birthdates, event dates

  • Scheduling

7. Time

Time input field

When to Use:

  • Meeting times

  • Business hours

8. Email

Validated email input

When to Use:

  • Contact information

  • User registrations

9. File Upload

Document/attachment collection

When to Use:

  • Resumes, applications

  • Photo submissions

10. Multiselect

Compact multiple selection

When to Use:

  • Tagging systems

  • Skill selections

 

Design Professional-Looking Forms

Make your forms match your brand and improve user experience with these customization options:



 

1. Header Image

Add visual branding to your form

How to Set Up:

  • Click Upload Header Image

  • Use recommended size: 1000×210 pixels

  • Supported formats: JPG, PNG, SVG

Best Practices:
✔ Use your company logo
✔ Keep file size under 500KB
✔ Ensure text remains readable

 

 

2. Form Layout Controls

Adjust sizing and spacing

Available Options:

  • Form Size Control

    • Compact (narrow width)

    • Standard (standard width)

    • Wide (full-width)

  • Heading Font Size (20px default)

    • Adjust from 14px to 32px

Pro Tip: Use larger fonts for mobile-friendly forms

 

3. Color Customization

Create visual harmony with your brand

Color Settings:

Element What It Affects
Background Color Main form background
CTA Color Submit/action buttons
Text Field Color Input area background
Font Color All text in the form

Accessibility Tip:
Ensure sufficient contrast between text and background colors

 

4. Real-Time Preview

See changes instantly

Preview Features:

  • Test form responsiveness

  • Check color combinations

  • Verify image placement

Getting Started Previous