Tabbed Form In Power Apps

Introduction

 
In this project, we have developed a Power App that has a tabbed form structure. Most commonly we have used a simple layout while configuring the form view. But in this app, the form layout will display something different like customized tabbed form.
 
Follow the following steps:
 
At first, create a SharePoint list as mentioned in the screenshot below,
 
Tabbed Form In Power Apps
 
Then choose the “Customize forms” option from “Integrate” as mentioned in the screenshot below,
 
Tabbed Form In Power Apps
 
After that insert a horizontal gallery as mentioned in the screenshot below,
 
Tabbed Form In Power Apps
 
After that, you have to put buttons in the gallery control as mentioned in the screenshot below,
 
Tabbed Form In Power Apps
 
Then change the button “Radius Top Right” and “Radius Top Left” property from 0 to 20 to display buttons like tab control as mentioned in the screenshot below,
 
Tabbed Form In Power Apps
 
Then you have to put all buttons in a table as mentioned in the screenshot below,
 
Tabbed Form In Power Apps
 
Then you have to change the tab's“On Select” property. For that, you have to set a variable for it as mentioned in the screenshot below,
 
Tabbed Form In Power Apps
 
Then you have to select the data cards and set the “Visibility” property according to the variable id of the tab buttons as mentioned in the screenshot below,
 
Tabbed Form In Power Apps
 
After selecting all “Data card” values the interface will look like as mentioned in the screenshot below,
 
Tabbed Form In Power Apps
 
Tabbed Form In Power Apps
 
Tabbed Form In Power Apps
 

Conclusion

 
In this blog, I have explained how to create a multi-tab form by using Power Apps.
Next Recommended Reading Tabs in List Form in sharepoint 2013