Question 1

Most requested CSS styles you can use

Accepted Answer

Let's see how you can easily change the look of your formaloo. Here are the CSS styles you can add to your formaloos.

Just paste the code into the Custom CSS box in the Design tab of your formaloo editor page.

Change the font size of the fields' title

.formaloo__field-title { font-size: 23px !important; }

Note: The bigger the number (23px), the bigger your text.

Note 2: Don't put space between your number and its unit (px).

Change the font size of the fields' answers

.formaloo__field-input { font-size: 20px !important; }

Change the number of columns in single-step formaloos

.formaloo__form-container { padding: 30px 10% !important; }

.formaloo__field-container { max-width: 10%; min-width: 30% !important; }

Note: The first line makes the container wider so you can have multiple columns. You can remove it if you don't need it.

Note 2: In the second line, you can change the value from 10% to 20% or 30% to change the number of visible columns.

Hide the "Previous" button in single-step formaloos with Page break field(s)

div[class^='page-style_page-navigation-wrapper']>div:nth-child(1) {display:none !important;}

Remove the whitespace in multi-page formaloos

.form-theme-background { justify-content: flex-start !important; height: auto !important;}

div[class^='style_form-multiStep-fields-wrapper'] { justify-content: flex-start !important; }

formz-wrapper #formz-layout-wrapper { min-height: auto !important; }

Remove the whitespace in single

Question 2

How to create a web app without any code

Accepted Answer

You can now create web applications using Formaloo. While building powerful forms with Logic and Calculator, you can now connect and organize the data you collect there with Formaloo’s app builder.

Also, visualize your data using different views, and collaborate with your team on your collected data in a single workspace.

1. Create your formaloos

Your business has different data tables that store your crucial business information. For example, let’s say you have a data table to store your team members, one for your clients, and one for your projects.

You can either import your data tables from Excel Sheets or build them from scratch. Formaloo will create a separate formaloo for each of your Excel files.

Here’s an example of the data tables a business might have

Each formaloo has an advanced form connected to it so you can keep on collecting data in that data table. For example, your data table for all projects will have a form so that you can add a new project easily.

You can also connect these data tables together using the Lookup fields, advanced logic, referral URLs, and URL parameters

Question 3

How to customize the look of your form using custom CSS and custom JS

Accepted Answer

Using the custom CSS and custom JS features, you can customize the look of your form and also add your Google Analytics tags to your form’s webpage.

Important note for better performance

It’s important to note that although the Custom CSS is great, it’s best practice to change the look of your forms using the “Design” tab of your form as much as possible. Use the custom CSS only when you can’t make the style changes from the options Formaloo gives you in the “Design” tab.

Add a custom CSS to customize the look of your form

To start, edit your form and click on the “Design” tab. At the bottom, open the “Custom CSS” option. There you can add style to the pre-made classes we’ve added for you.

If you aren’t familiar with CSS

Here’s a quick guide to get you started. Each CSS has a selector part and a style part. The selector part defines which element in the form you want to edit. And the style part defines what style you’re giving that selector.

For example, in the following CSS, the .formaloo__form-title is the selector, and the color: blue; is the style.

.formaloo__form-title { color: blue; }

Make sure you add a ; separator after the style otherwise the browser won’t be able to read your CSS styling.

If your style isn’t working, it means another style is overriding yours. You can use a !important sign after your style and before the ; to prioritize your style.

Although, it’s very important to avoid adding the !important

Question 4

Security practices and compliance at Formaloo

Accepted Answer

Formaloo’s most important concern is the protection and reliability of customer data. Our servers are protected by high-end firewall systems and scans are performed regularly to ensure that any vulnerabilities are quickly found and patched. Application penetration tests are performed semi-annually by an independent third-party. All services have quick fail-over points and redundant hardware, with backups performed daily.

Privacy and security have always been the foundation of Formaloo's approach to product development and business, and we continuously evaluate all our practices in an effort to safeguard your information as effectively as possible. In that vein, we're glad to comply with the General Data Protection Regulation ("GDPR") and to help Formaloo customers comply with the GDPR.

Access to systems is restricted to specific individuals who have a need-to-know such information and who are bound by confidentiality obligations. Access is monitored and audited for compliance.

Your business’s privacy & security is our top priority. And, that’s exactly why we treat the safe custodianship of your data as our core function. Collectively referred to as HIPAA, the Health Insurance Portability and Accountability Act of 1996 along with a series of supplemental regulations, sets national standards to protect sensitive patient health information from being disclosed without the patient’s consent or knowledge.

In terms of Experience Management Software, the solution & security arch

Question 5

Available variables to use in custom emails

Accepted Answer

The variables can be used in the email body, email subject, and sender data (name and email). While each of these can use static values, using the templates can help you create a better and more handy email for both the admins and the users.

Available Variables

The variables can be simple texts (e.g. form title), URLs (form logo, form address), or some other rendered data (results table). Generally, the variables contain a range of data, from the data related to the form itself to the data submitted by the user, or calculated based on that data.

In the following, we will show a list of currently available variables.

Note: For each value, if they’re null or blank, they will be replaced by an empty text in the final render.

Form Related

This group of variables all contains the form_ prefix. These are extremely handy if you want to create a template to use on multiple forms.

form_title: Title of the form.
form_description: Form’s description. Note that this field may have its own styling since it’s created using WYSIWYG.
form_success_message: Form’s success message, since you may want to include it in the email as well.
form_currency: Forms currency code (ISO). For example USD or EUR.
form_full_address: A URL to the form’s display page (as seen by the end-user). If you’re using subdomains or custom domains, it will be linked to your custom URL. But if you’ve embedded the form in a custom page, it won’t be

Question 6

How to send custom emails to your form submitters

Accepted Answer

Formaloo lets you build email templates and use each template in a different form. You can even choose which email templates to be sent to the submitters and which to be sent to you and your team members.

1. Create email templates

To start, open your Formaloo dashboard, click on your profile icon, and go to the email templates page. When you open this page for the first time, you should enable the custom emails from the top toggle button.

2. Customize your email templates

Then you can create a new email template. Choose a name for it, select a subject, and change the body of your email as you wish.

You can add more customization by using the available custom variables in your forms. These variables can be used in the email body, email subject, and sender data (name and email).

While each of these can use static values, using the templates can help you create a better and more handy email for both the form admins and the users.

3. Use the email templates in forms

By editing each of your formaloos and going to the “Notifications” tab, you can select which email te

Frequently Read Articles

Browse All Categories