Umbraco.Forms.Issues icon indicating copy to clipboard operation
Umbraco.Forms.Issues copied to clipboard

Suggestion: Tabbed forms with progress management

Open c9mb opened this issue 2 years ago • 0 comments

I'm not aware that Umbraco Forms can do this out of the box.

Multi-Step/Page forms certainly have their place, but having worked with other forms environments (and with MS PowerPlatform) I've come to appreciate the benefits of Tabbed forms and the option to manage & validate user's progress through the tabs. It allows simple progress visualisation by the user - tabs cab be styled as progress steps as required - and allows control of the progress by the developer, so that the user can be guided through a logical process flow, if that is required. Obviously, this can get quite complicated, with [Prev] [Next] buttons allowing validation hooking between tabs, and [Pause] [Resume] buttons allowing for secure storage and resumption of long forms.

Where this does have a benefit over Multi-Step/Page forms is in the area of ajax submission, with tabbed forms being that much simpler to submit as a single post, with the acknowledgment that a Multi-step form is sometimes the right solution for the problem.

Of course, some (or much) of this can be done with a bunch of custom javascript and css with a single long form, but having a framework that supports the basic pattern would make it easier to manage.

c9mb avatar May 18 '22 08:05 c9mb