Form structure

Before you start to initialize elements with the Elements Manager, you have to make sure that your form is structured correctly.

This is very simple to do and only involves 2 steps:

1. Group your inputs inside Div Block elements

Since Inputflow is used to build Multi-step forms, you have to put inputs, text, etc. that should show up together, inside the same Div Block:

Div Block with the form elements inside

Later, we will turn each of these Div Blocks into an individual form step. The class name is not relevant (in the above example it is onboarding_form-step), but you can name your class however you want.

2. Give your inputs clear & descriptive names

The next step is to give clear names to all input elements. Avoid using unclear names that can cause confusion.

This way you will have an easier time working with these elements inside Inputflow later.

Good and descriptive input field name

Bad and confusing input field name