In the Advanced tab, you can configure the look of the forms further, allowing you to get detailed with your changes. So, if you’re a perfectionist with a clear vision of what you want, follow along to learn how to achieve it.

Form #

This allows you to modify the look of the borders and surroundings of the form and its input fields. The modifiable options are:

• Border Width: To add thickness to the border lines.
• Corner Radius: To round the corners of the borders, you get a rounder corner the higher the number you input.
• Border Color: This allows you to modify the color to your liking.
• Border Style: Here you can modify the look of the border or remove it altogether.

Add depth to the form by adjusting shadow settings:

• Horizontal/Vertical: Set the shadow’s size and direction.
• Blur: Control the shadow’s opacity.
• Spread: Define how far the shadow extends.

Input Field #

• Font Color: Change the font color for text entered into the fields.
• Active Tag Color: Highlight active fields with a specific color.
• Border Width: Adjust the thickness of the field borders.
• Border Color: Select a border color for input fields.
• Corner Radius: Round the corners of the fields for a modern look.
• Width: Set the width of individual fields to control their size.
• Border Style: Choose a style for the field borders or remove them altogether.

Field Padding: This adds space between fields to prevent overcrowding in the form.

Shadow: Enhance depth by applying shadow effects to input fields.

Label, Short Label, and Placeholder #

These sections allow you to change the font, color, size, and weight of the text inside the Form.

• The label will appear on top of a field.
• The short label will appear underneath.
• And the placeholder will appear inside a field.

Custom CSS #

For advanced design modifications, add custom CSS code. This allows you to tweak shapes, colors, and other design elements. Consult a web developer if you’re unfamiliar with CSS.

This helps you fine-tune all the small details of your form, leading to a highly customizable tool to collect information from customers without breaking the branded feeling.

Frequently Asked Questions #

What can I customize in the Advanced tab? #

You can adjust the form’s borders, corner radius, colors, shadows, input field styling, label and placeholder text, and add custom CSS.

How do I round the corners of the form or fields? #

Use the Corner Radius option; the higher the number you input, the rounder the corners become.

Can I add a shadow to my form? #

Yes. Adjust the Horizontal/Vertical, Blur, and Spread shadow settings to add depth to the form and input fields.

What is the difference between the label, short label, and placeholder? #

The label appears on top of a field, the short label appears underneath, and the placeholder appears inside the field.

How do I prevent fields from looking crowded? #

Use the Field Padding option to add space between fields and prevent overcrowding in the form.

Do I need to know CSS to use the Advanced tab? #

No. Most options are configured with the built-in settings, but the Custom CSS section is available for advanced changes; consult a web developer if you’re unfamiliar with CSS.