Creating Multi-Step Forms in Power Apps | Tutorial

In this Power Apps tutorial video, we will learn how to create a Multi-Step Modern Form control experience in Power Apps. Follow along as I guide you through the process of breaking up a modern Form control across multiple steps, including validation of form data within each step. Learn how to effortlessly navigate through various form steps using next and previous buttons & include a live status indicator for current Form step.

Let's get started with building multi-step forms within Power Apps!

#powerplatform #powerapps #microsoft

⬇️ Download App shown in video
➡️ The link is in Community Tab for Channel Members (Silver Club 🥈 or Higher)

Table of Contents:
00:00​ - Introduction to building Multi-Step Forms in Power Apps
00:31 - Multi step forms scenario
01:52 - How to build a Modern Multi-step form experience in Power Apps
08:06 - Show Status indicator of current step number of Form
10:41 - Multi step form validations
14:22 - Demo of multi-step forms in Power Apps

[sankhlayashraj]

Dear @Reza. I built a similar app for a hackathon project with similar thought process last week. Went down the memory lane of what I did… Thank you for making such wonderful videos

[melron]

Great job, Reza! You consistently make the difficult cases seem straightforward! I was working on this scenario (a bit different) a few days ago and ended up with a kind of 'enum' (records) for better control in 'if' cases. For example:

Set(
FormSteps,
{
Travel_Info: {Value: 1, Name: "Travel Info"},
Travel_Details: {Value: 2, Name: "Travel Details"},
Airface_Hotel: {Value: 3, Name: "Airface / Hotel"},
Attachments: {Value: 4, Name: "Attachments"}
}
);
Then, all you need to do is use Set(FormStep, FormSteps.Travel_Info.Value) and so on.

I'm eager to vote for that at your channel! Thanks for sharing Reza!

[GeneRice]

Well done, sir! Such an elegant solution to a problem I've been wrestling with for some time now. Thank you!

[MegaKumar]

Wonderful technique for multi steps form Reza!. Thank you for your valuable time to educate & make it easy.

[loegegn]

Very elegant process, and code minimized ! thanks Reza!

[gmatdakuti]

Reza the king strikes again!!! wonderful video

[frenamakenson]

thx for sharing, nice tips with the submit form for non validate field

[sujitdaswant]

Hi @Reza, very nice this demonstration. this will be very helpful content. Keep posting 🙂

[milanthapa]

Hi Reza, I've been following you for a very long time. Your content is always helpful and easy to grasp. Could you please create some content on CoE or courses for Power Platform CoE? Thanks!

[rajsam]

It was superb, small tricks but very useful as always

[DYLX]

Really good video. Thanks for sharing.

[exe]

Great video, one small issue - notice how when there's a validation on the first step of the form, all the fields are validated and once you go to the next step, there already are error messages displayed even though the user didn't choose anything yet. Is there a way around it?

[AMindGame]

Always up to date content! Thank you Reza!

[aducaale]

Wonderful content. Thanks for these amazing content 🎉

[maribelmanibo]

This was awesome, I was able to follow everything and get it to work! Do you have a followup video on how to surface the multi-step form for edit? When I navigate from a gallery, my first view of the completed form is missing all elements. For the "edit" arrow Onselect, to go to form I tried this but still missing the elements of my first part of multi-step form. Appreciate any advice!

Set(VarStep, 1);
Set(varReviewForm, ThisItem);
EditForm(ReviewForm);
Navigate(ScreenReviewForm);

[jaypeehernandez]

Wonderful video as usual Reza. Wondering thou how can I make this change. If I select the steps in the gallery, I want it to show the relevant fields in the form. That way the user have 2 ways to navigate.

[ibrahimabu-awad]

Thank you so much I was looking for this for a long time, amazing video. I have a question what if we have multiple content type in SharePoint list, how can we handle this?

[pappumahawar]

It would be nice content for skills improve with new approaches...

[dougydoe]

Great technique for creating Multi-Step Form. Certainly another tip to add to my armoury for subsequent projects. Thanks for sharing.

[beingfarhan]

Hi reza sir, how can I get power apps developer job as a fresher?