Customizing Forms and Surveys with Line and Box Styles

Modified on Wed, 11 Sep at 2:16 PM

The Line and Box style options give you the ability to include stylish dividers and borders between your form inputs, enhancing both the organization and visual appeal. These features allow for a more polished and professional look, giving you greater flexibility in structuring your forms or surveys.


Line Input Style

This option lets you insert sleek line dividers between your form fields. You can pick from different styles such as solid, dashed, or dotted lines, ensuring that the aesthetic matches the overall feel of your form.


Box Input Style

Selecting the box option frames each form input in a clear, visually appealing boundary. This not only improves readability but also grabs the attention of respondents by defining each input area. The box style can be fully customized to suit your design needs.


Steps to Implement Line and Box Input Styles


Selecting the Line or Box Option

While working on your form or survey, go to the Style tab and decide whether to apply a line or box style to your input fields. By default, the Box style is applied.

Input Style Example


Customizing Line Appearance

If you choose the line option, navigate to the Fields Style section within the Style tab to select your preferred style—solid, dashed, or dotted. You can preview your changes instantly to ensure the design complements your overall layout.

Field Style Example


Customizing Box Appearance

For the box style, you can adjust attributes like border color, thickness, padding, and more. These settings are also located in the Fields Style section. As you make changes, you'll see your form inputs take on a crisp, modern appearance.

Box Style Customization


Saving Your Work

Once you're satisfied with how the form looks, remember to save your changes. Your respondents will experience the updated, visually refined form when they interact with it.

Save Form


Troubleshooting and FAQs


  • Changes not showing up in the preview? 
    Make sure to save your changes before previewing. If you're still facing issues, try refreshing the page or clearing your browser cache.

  • Can I apply different styles to individual inputs within the same form? 
    Currently, the chosen style is applied uniformly to all inputs. For unique styling, you'll need to create separate forms or surveys.

  • How do I reset the style to default? 
    You can easily revert to the default style by selecting the appropriate option in the Fields Style section of the Style tab.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article