Welcome to Knowledge Base

Please select an article from the left menu to display its content.

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.

LogixForms Builder - Form Designer
Form Designer – Build forms using drag-and-drop elements

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:

Form Customization Options
Form Customization – Control layout, branding, and color settings

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

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:

  • Check color combinations
  • Verify image placement
Getting Started السابق