Creating a smart form - sections and hide show

Right hand corner you'll see this blue plus sign. If we hover over it, it gives us two more options to add info. So here we can add text to help the user or give the user any information that we need to whilst they're filling in the form.

Then we can also add a table. So we give the table a name. The green plus sign allows us to add columns, so we can give those a name and then pick a field type. To add another column, we can use the plus sign or we can select duplicate column and then edit as necessary.

The blue plus line allows us to add rows to our table, and then we can input information that we need. To reorder our rows, if we hover over the six dots you'll see the arrow symbol come up, and then we can drag and drop to change the width of the column. We can hover over the thick black line and we can change the width as required.

To move fields within a section, simply hover over the yellow tab until the hand icon appears, and then simply drag and drop to reorder sections. We need to select this blue icon on the top, and again we can drag and drop, press and tick once we're done.

Along the top of each section you'll see an eye icon, and this allows us to set up our hide show logic. So we can set up that this section will be shown when the phone number field from section two is filled. The same applies if you want a section to be hidden. We can set this up on a particular field as well by simply clicking the three dots, selecting hide show logic, and we can set this field to be hidden when another field is filled.

You can see once the hide show logic has been input, this eye icon has turned blue, and on this field there is a blue dot shown.

Transcript generated from the video's captions.