cancel
Showing results for 
Search instead for 
Did you mean: 
Subscribe

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

0 Likes
View Entire Topic
leonikussmaul
Product and Topic Expert
Product and Topic Expert

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.