The “Design” tab of your form’s editor page gives you lots of opportunities to customize your form’s design. For example, you can add a background image and an overlaying shadow on top of it to make your text more visible.
Switch your form to multi-step or single-step
In multi-step forms, each question is visible on a new page. While in single-step forms, all questions are visible on the same page. You can switch between these two on the Design tab of your formaloo editor.
Enable form's modern view
The modern view of forms is a new default look on forms that changes how your form looks. Switch this option off to turn your form back to the classic view.
Change fields' layout
This option only works on the classic view (not the modern view). It lets you choose to keep your form's layout as a single column or change it to responsive multi-columns. Responsive multi-column forms will show all fields in two columns unless the field type requires extra space. For example, the long textbox, matrix, and table fields will take up the whole column, but the short text, CSAT rate, and email fields will appear in two columns.
Show/hide the form's title
This option helps you hide the form title. You can use it to name the form internally and instead use the Description box to insert a title visible to your audience.
Shuffle fields order
This option shuffles the order of fields. It's a great way to avoid biased responses in surveys or prevent cheating in quizzes and online exams.
Shuffle the order of choices on fields
As it's self-explanatory, this option will shuffle the order of choices on fields that have choice options. For example, all single-choice and multi-choice fields on your form will have shuffled options every time a user opens the form.
Change the form's font
This option is connected to the Google Font servers and lets you change the font used on your form.
Change the colors on your form
On modern view forms, you can change the following colors with these settings on the Design tab. For more color changes, check the Custom CSS section of this article.
Submit button background color
Submit button text color
Form background color
All fields' border color (the border of the box that contains all fields in modern view forms)
Text color (changes all text color in your form unless you change the text of the Form description or the text inside a Section field separately.)
On classic view forms, the following colors change with these settings on the Design tab. For more color changes, check the Custom CSS section of this article.
Submit button background color
Submit button text color
Form background color
All fields' background color
All fields' border color (the border of the box that contains each separately in classic view forms)
Text color (changes all text color in your form unless you change the text of the Form description or the text inside a Section field separately.)
Change form's background image
You can change the background image of your form here. You have two options for the background image:
The Full-screen background option sets the image as the background of the whole screen.
The Cover background option sets the image as the cover photo at the top of your form.
Add shadow to your background to make the text visible
This option only works on classic view forms. It adds a shadow on top of your full-screen background image to make your form questions and text more visible. Add a dark shadow with white form text and a light shadow with black form text for more contrast and make your text more visible.
Customize more content
This option lets you change the text on buttons, progress bar, validation and error messages, and custom text on your fields.
Custom CSS
The custom CSS box lets you add much more customization to how your form looks. We have added the default and most used CSS selectors for you to add your styles.
Learn more about the custom CSS in Formaloo forms here.
If you aren't familiar with CSS, read the article about the frequently used CSS changes in this collection or contact our support team on the website chat.