Redesign: Multistep form

[wiliamjk]

Taking into account the discussion started in #31, I thought it best to open some points in separate issues, I hope it's ok.

@aurovrata clarified the issue of multistep forms:

Multistep or singular form However, a multistep form is a different from a singular form, and as such additional steps/slides cannot be mixed with separate rows, it makes not sense. So I don't think it makes sense to have a button to add a slide/step in a general singular form.

Therefore, a user choses to create either one or the other. When selecting a multistep form, the entire form is wrapped in a slider element, and the "add slide" button will be shown. Makes sense?

I get it.

Being multistep or not is a broad characteristic of the form itself and not a row or part of the form.

This raises a question for me...

Does it make sense to be able to switch formats (single/multistep) during form creation?

If the answer is no, I think that when creating a form, a splash screen could appear asking what type of form the user wants to create (simple or multistep). Even a third option could be a classic CF7 form (without the Grid Layout interface). This would be a property of the form itself, just separating the fields on slides. In this case, the form's editing interface could also be separated into tabs or sections to better illustrate this division.

If you think it's important to be able to change this later, then I have to think a little more about the possibilities.

A plugin that has this same functionality is Conditional Fields PRO. They add the "step" in the same way I suggested, as a wrapper around the elements (using the shortcode [step]) and even allowing the addition of fields outside the step.

[aurovrata]

I hope it's ok.

yes, makes it clearer too :)

Does it make sense to be able to switch formats (single/multistep) during form creation?

yes, I use it quite often, especially when intially in a project a client asks for a form, which is put into the beta site, and later in the development cycle decides to go for slider based form, it is easy to edit and transform it.

A plugin that has this same functionality is Conditional Fields PRO. They add the "step" in the same way I suggested, as a wrapper around the elements (using the shortcode [step]) and even allowing the addition of fields outside the step.

ya, that's the approach of multiple plugins that do this. I am not a big fan of additional shortcode tags for functionality that is not related to fields.

[aurovrata]

If you think it's important to be able to change this later, then I have to think a little more about the possibilities.

Currently this is possible in the plugin, even v5 beta. When a user reverts back from multistep to single form, all the form structure from all the different slides are simply concatenated together into a long form

[wiliamjk]

Ok, I see your point, I think we left the functionality the way it is. I'll come up with an elegant visual solution to enable/disable this option and I'll include it here.

[aurovrata]

I have been working on improving this part too in v5.0beta10

The switch for the forms is now moved a a form settings modal, as is the general case for all the settings optionso f the grid elements as you had earlier suggested.

When you have a time to look at this, let me know what you think.

1. You can use the form settings to switch to a multistep form and define some extra settings for multi step form.
2. Each step is a slide, and each slide has an additional settings which is the title of the slide (otional)