Oops! Facing network problem. Unable to load this page. Refresh

Please Wait...

Hello Guest

logo

FAQs

Help
Center

Online Forms

Customize Form Fields

Add text fields, dropdowns, checkboxes and more.

4 min read 30 Jul 2026 42 Views

Overview

SPRL Online Forms provides extensive customization options for every form field. You can control how a field behaves, how it appears, how much space it occupies, and even populate it automatically using Dynamic (Personalized) Parameters.

Field customization allows you to create forms that are easier to complete, visually consistent, and tailored to your specific business requirements.

Good to Know:
Every field has its own Field Attributes panel where you can configure input type, placeholder text, input mode, validation, layout size, styling, and other options independently.

Opening Field Attributes

  1. Navigate to Dashboard → Online Forms.
  2. Create a new form or edit an existing one.
  3. Add a field to your form.
  4. Open the field's Field Attributes panel.
  5. Configure the required options.
  6. Save the form.

Available Field Attributes

Attribute Description
Input Type Select the type of information the field accepts.
Placeholder Display example text inside the field.
Input Mode Choose Manual or Dynamic value entry.
Min Length Specify the minimum number of characters.
Max Length Limit the maximum number of characters.
Box Style CSS Apply custom styling to the field container.
Field Style CSS Apply custom styling to the input field.
Field Layout Size Control the width of the field within the form layout.

Input Types

The Short Input field supports multiple input types depending on the information you want to collect.

Input Type Recommended Use
Any Text Names, titles, and general information.
Email Email addresses.
Password Password entry.
Number Numeric values.
Date Date selection.
Time Time selection.
Date & Time Date and time together.
URL (Link) Website addresses.
Telephone Phone and mobile numbers.

Using Placeholders

Placeholder text helps users understand what information should be entered into a field.

Field Example Placeholder
Name Enter your full name
Email [email protected]
Telephone Enter your phone number
Website https://example.com

Manual vs Dynamic Input

Each field can either accept user-entered values or automatically receive values from Dynamic (Personalized) Parameters.

Input Mode Description
Manual Users enter the value themselves.
Dynamic The field is automatically populated using a Dynamic (Personalized) Parameter.

Validation Settings

Minimum and maximum length settings help ensure users provide the expected amount of information.

Setting Purpose
Minimum Length Require a minimum number of characters.
Maximum Length Prevent excessively long responses.

Layout and Styling

Fields can be arranged and styled to create a cleaner and more organised form layout.

Option Benefit
Field Layout Size Display fields using different column widths.
Box Style CSS Customize the appearance of the field container.
Field Style CSS Apply custom styling directly to the input element.

When Should You Use Dynamic Input?

Scenario Recommended Mode
General contact forms Manual
Personalized registration forms Dynamic
Bulk personalized forms Dynamic
Public feedback forms Manual

Best Practices

  • Select the correct input type for every field.
  • Use descriptive placeholders to guide users.
  • Apply minimum and maximum lengths where appropriate.
  • Use Dynamic Input only for values that should be populated automatically.
  • Keep field layouts consistent throughout the form.
  • Test the form after making layout or styling changes.

Troubleshooting

Users are entering incorrect information

Review the selected Input Type and ensure it matches the expected data, such as Email, Telephone, or Date.

Fields look misaligned

Review the selected Field Layout Size and any custom CSS applied to the field.

Placeholder text is not helpful

Use clear examples that show users exactly what information should be entered.

Automatically populated values are missing

Verify that the field is configured to use Dynamic input mode and that the appropriate Dynamic (Personalized) Parameter has been assigned.

Frequently Asked Questions

Can each field have different settings?

Yes. Every form field has its own Field Attributes that can be configured independently.

Can I change the input type later?

Yes. You can edit a field and select a different supported Input Type whenever required.

What is the difference between Manual and Dynamic input?

Manual input requires users to enter values themselves, while Dynamic input automatically populates values using Dynamic (Personalized) Parameters.

Can I customize the appearance of fields?

Yes. Field Layout Size, Box Style CSS, and Field Style CSS allow you to customise how fields are displayed.

Learn More:
Continue with Manage Form Responses to learn how to view, filter, export, and manage submissions collected through your online forms.
Tip: Choose the most specific Input Type available instead of using "Any Text" for every field. This helps users enter the correct information and creates a smoother form completion experience.

Related Articles

Getting Started with Online Forms
4 min read
How to Create a Contact Form
4 min read
Create Lead Capture Forms
5 min read
Registration Forms Explained
4 min read
Creating Survey Forms
4 min read
Manage Form Responses
4 min read

Need more help?

Our support team is always happy to assist you.

Contact Support
×

We use cookies to improve your experience, analyse traffic, and personalise content. By clicking “Accept”, you consent to the use of cookies as described in our Cookie Policy .

Accept cookies Read our Cookie Policy