How to Use Line and Box Input Styles

Sites, Form No Comments

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.
Image

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.
Image

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.
Image

Save and Publish

  • Once you are satisfied with the appearance of your form or survey, save your work and publish the form.
Image
  • 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.