You are currently viewing Best way to create Power Apps Tabs control – Tabbed form in PowerApps
Power Apps tabs

Best way to create Power Apps Tabs control – Tabbed form in PowerApps

  • Post author:
  • Post category:Power Apps
  • Reading time:6 mins read

In this post, we will learn how to Create Power Apps tabs control. PowerApps does not yet have a tabbed form. So we can create the tabbed form by combining some PowerApps input controls such as a gallery, buttons, images, icons and so on.

Power Apps Tabs

  • We need to create PowerApps tab control so that we can group form items and keep the form’s visible size manageable.
  • A tab is a Button or any clickable input control that appears at the top of a Form or a Window. When a user clicks on this tab, it opens another area of items.
Power Apps Tabs
Power Apps Tabs control

How to create tabbed forms in PowerApps?

The easiest way to create tab control in PowerApps is by using Gallery control.

  1. Insert a blank gallery control in your screen, in this example we will use blank horizontal gallery.
  2. In the items property of the gallery write a list of your tab headers.
  1. Insert button control in your gallery items.
  2. In the text property of the button write the following formula to get the value of gallery items “tab1, tab2, tab3,tab4”

The color of the form tabs is the same whether the user has selected a tab or is hovering over one. We will also indicate the current tab in a different way to improve usability.

  1. In the fill property of the button inside the gallery write the following formula to highlight the selected tab
If(ThisItem.IsSelected,Green, RGBA(56, 96, 178, 1))
  1. Insert rectangle control and give it background to be the background of your tabs.
tab2 | Power Platform Geeks

When a user clicks on a form tab, only the fields in the current section should be visible, and the other tabs should be hidden. We can accomplish this with some simple logic.

  1. In your form control , to Show Form Fields Only For The Current Tab in the visible property of the form controls write the following formula to appear in the tab1 and hidden from other tabs, and change tab1 to tab2 for the controls you want to display on tab2 and so on.

So it is very simple to create power apps tabs and organize your long form using Power apps tabs.

tab1 | Power Platform Geeks
See Also
Join us
Need Help
  • Have a related question? Please ask it at Community.

Heba Kamal

Microsoft MVP, MCT, Technical Speaker, Blogger, and Microsoft 365 and Power Platform Consultant.