How to create multi-step form

[#1]

Hi everyone. i want to ask how can i create a sapui5 multi-step form

[leonikussmaul · Accepted solution]

Hi Muzi,

As far as I can tell, the screenshot you shared shows an object page layout with different tabs. Meaning that you can create an object page and define different subsections, which will be rendered as tabs. Inside each of these, you can place fragments for the forms / user input. You can have a custom footer at the bottom with a submit button, on press of which you define your logic to validate the input and, finally, submit the data. Additionally, you could add a button for 'Next Step', on click on which you add some logic to navigate to the next tab.

Please see this example from the SDK for the object page layout with different tabs.

As mentioned, the same can be achieved in a possibly more user-friendly manner by using the Wizard control, as the steps are defined more clearly and there are supportive APIs for the step-to-step navigation. You can view the relative samples here.

[muzizimele]

something like that. it is 1 form with 1 submit button which submits all the infomation divided into sections a user has to fill

[leonikussmaul]

Hi Muzi,

Can you give some more details? By multi-step form, do you mean something like a Wizard?

For this control, you can check the SDK samples here and the relative code to see how it can be achieved. You can add the Wizard to a standard Page or a Dialog and then define the WizardSteps as aggregations, which will be rendered as a separate step in the UI. Inside each step, you can then define Forms or any other Input that should be filled by the user.

Please clarify if this is what you meant.