Design tab options

Customize font, color, background, layout, and style. Choose multi-step/single-step format. Add CSS for advanced customization.

Updated over a week ago

Design your form and customize your form to the next level! The “Design” tab of your form’s editor page allows you to customize your form’s design.

Lets see how we can customize the form with different options:

Form type

The first option on the design tab is 'Form type', which you can select ' Classic form' or 'One question at a time'.

Classic form

The classic form shows all the questions and fields on one page. You can add a 'New page' to have a form with more than one page.

One question at a time

If you switch your form to the ' One question at a time', each question and field will appear on one separate page.

design

Show form progress bar

A progress bar helps respondents visualize how far they've progressed through the form. This can improve completion rates by providing a sense of accomplishment and reducing perceived form length.

Show form title

Displaying a clear and concise form title sets expectations for respondents and helps them understand the form's purpose.

Shuffle fields order

Shuffling the order of fields can help reduce bias and prevent respondents from falling into answer patterns. This is particularly useful for long forms with repetitive question types.

Shuffle the order of choices on fields

Shuffling answer choices can prevent respondents from picking the first option they see and encourage them to consider all choices more thoughtfully. This is especially beneficial for multiple-choice and drop-down fields.

Color and button customization

Personalize your form's appearance by tailoring colors to match your brand or create a specific mood. You can also customize button styles for a cohesive look.

color and font

Default themes

Formaloo offers pre-designed themes to give your form a professional look with minimal effort. Themes include various color combinations and styles.

Upload background image

Add a background image to your form to enhance its visual appeal and create a unique experience.

Background image brightness

Adjust the brightness of your background image to ensure text readability and a balanced visual presentation.

Corner roundness

Subtle adjustments like corner roundness can elevate your form's design and create a more modern or softer aesthetic.

custom CSS

Custom CSS

For users comfortable with code, Formaloo allows custom CSS styling to extensively personalize the look and feel of your forms. This enables fine-tuning of elements beyond the built-in design options.

🗄️ Old dashboard:

On the old dashboard, you can change font and color, add a background image, add your logo, or even customize the text on the buttons and messages.

  • Multi-step/Single-step/Widget option: Choose between different form formats, depending on your needs. “Multi-step” forms allow for more complex forms to be broken down into smaller sections, making them easier to complete. “Single-step” forms are simpler and allow users to complete the entire form on one page. “Widget” forms can be embedded directly into a website or application, making them more seamless and convenient for users.

  • Modern/Classic view: By default, all the forms are in modern view. You can disable it to see the form in the classic view.

  • Show form’s title & description on first page: You can show or hide this part and start your form with other fields. You can also enable “Show Form Title” to just show or hide the form title.

  • Shuffle fields order: Enable this option to shuffle and randomize the order of the fields in your form. You can also shuffle the options of all fields at once. Learn more about how to randomize the fields.

  • Shuffle the order of choice fields: Enable this option to shuffle and randomize the other options in your choice fields.

  • Form font (Google fonts): Change the font of your form.

  • Form's color: change and customize the color of the submit button, text, etc.

  • Form Background Image: Add a background to your form and customize it.

  • Customize more content: In this part, you can customize general texts, related fields, and validation messages of your form. You can change general texts, fields related, and validation messages here.

  • Custom CSS: Using the custom CSS, you can customize the look of your form when you can’t make the style changes from the options Formaloo gives you in the “Design” tab. And here you can find the most requested CSS styles you can use.

Did this answer your question?