How to create reusable Form Tabs component (tabbed Forms) or Form Sections in Power Apps

In this tutorial, you will learn how to organize your power apps forms using Form tabs or Form sections i.e. how to create tabbed forms or Form tabs in PowerApps. We would be leveraging components so this Tabbed form functionality can be easily reused across apps or screens.

Video ID: #PP_0001

📥 App and Dataset Download for Members (on Youtube or Patreon):
Members get exclusive access to download the apps, flows, or components featured in this video!

For Youtube Members: Check the membership tab on the channel page for the download links.
For Patreon Members: Download links will be available on the Patreon Page

🎁Not a member yet. Join the Tolu Victor Community:

Table Of Contents
00:00 - Intro
01:18 - Create Form Tabs Component
17:18 - Toggle Form Fields visibility based on selected Tab
21:50 - Create Form sections
26:15 - Toggle Form Fields visibility based on selected Section

[CashCowz]

20.9K subscribers - Wow...great job Tolu

[tj]

Love the video! Keep it up, you’re truly talented. One question, for the chevron collapsible sections, how do we make it responsive on portrait iPhone screen orientation?

Also, how do we make the entire bar clickable so the section can be expanded/collapsed if they click the bar or icon?

[WM]

Love your stylish app designs. Always a beautiful and modern UI. So inspirational!

[MichaelDeBlasis]

TY for all you help and for taking the time to share this. I just learned you can also make these tabs for a gallery as well. Very useful info. You should do a second video showcasing that and you could piggy back off this video so you don't have to show building the component again. It could showcase things like reusing a component in other places in your app, how you can add tabs to a gallery to save on space, and with the time savings from not having to remake the tabs, you can go into other related topics or use cases for the feature. ;) Cheers Sir!

[aarrbbiiee]

Amazing! New subscriber here. ☺️ Hope to learn more on your modern designs.

[ayodeleemmanuel]

I am from 2025... came to check what you taught them in 2022 compare to what you are teaching us now

[maheshgupte]

Thank for making this Tutorial, May Request you to please create 1 more Tutorial with Adding input data to a share point lists and also we can leverage user for editing. it will help a lot to new folks like use who is trying to learn power App

Thanks in Advance

[boda]

That helped me a lot.
Thanks for your valuable videos!

[rogerbovell]

Hi Tolu, thank you for sharing. Great tips. My SharePoint list form opens with all tabs deselected, but works when i select a tab. How do i ensure the form opens with the first tab ID=1 is selected by default when the form opens? I have tried adding Set(outCurrentTab, 1) to OnStart property of App as well as OnView\ OnNew without success

[TinaDerby]

You are wonderful! Thank you sooo much for sharing your knowledge and skills!

[gabrielosaji]

Thanks for this, please can you make more videos weekly

[thecloudmission]

I really appreciate your videos, it helped me a lot. God bless you 🙏

[ParaagPatel]

Great Video! How are you testing in the same window as you are putting the component together? Like when you are testing the buttons.

[kittydoes]

How do I set the default selected tab is the Overview tab?

[hernandomoreno]

Thank you very much for sharing this video. This such a fantastic feature to consider. I have a question, though. How do you set the default in the gallery tab so it will always highlight the first tab?

[glennbullion]

Why do you set the height and width as custom properties? Can you set the height and width from the app container where you call the component?

[ianhamid]

Hi Tolu, am testing out the form section. It works okay when DefaultMode is FormMode.Edit. But when I changed to FormMode.View, the chevron button would not work. I did quick check and the UdpateIf could be the issue. Would like to hear from you on this one.

[MichaelDeBlasis]

How do I set the form to always open to the same tab?