How to Use Line and Box Input Styles

Line Input Style: This option allows you to add elegant line dividers between form inputs. You can choose from a variety of line styles, including solid, dashed, and dotted, to best suit the tone and character of your form or survey.

Box Input Style: By selecting this option, you can transform your form and survey inputs into stylish boxes. This not only captures the respondent's attention but also provides a clear boundary for each field, enhancing the visual hierarchy and readability.

How to Use Line and Box Input Styles

Below is a step-by-step guide on how to apply these styles to your forms and surveys:

Select Line or Box Style

While designing your form or survey, navigate to the Style tab.
Choose between adding a line or a box style to the input. By default, the Box Style is selected.

Customize Line Style

If you've chosen the line style, scroll down to the Fields Style section within the Style tab.
Select your desired line style (solid, dashed, or dotted) and customize its appearance according to your preference.
Preview changes in real-time to ensure they align with your overall design.

Configure Box Appearance

For the box option, adjust parameters such as border color, border thickness, and padding in the Fields Style section of the Style Tab.
Observe how your input fields transform into modern and well-defined boxes, enhancing the overall look of your form or survey.

Save and Publish

Once you are satisfied with the appearance of your form or survey, save your work and publish the form.

Your respondents will then experience the polished and visually appealing design upon accessing the live form.

Troubleshooting Tips and FAQs

What if my changes don't appear in the preview?

Ensure you've saved your changes before previewing. If issues persist, try refreshing the page or clearing your browser's cache.

Can I apply different styles to different inputs within the same form?

Currently, the selected style applies uniformly across all inputs within a form. For unique styling, consider creating separate forms.

How do I revert to the default style?

You can revert to the default style by selecting the default options in the Fields Style section of the Style tab.