Power Platform Community Forum Thread Details

Hello PowerApps Community,

I have a form from a SharePoint list that I customized using PowerApp. I have a gallery with buttons that I use for tabbed navigation as you can see from my screen shots below. Thanks Reza Dorrani for the tutorial.

What I want to do is basically disable the buttons (tab) until all the fields are completed on that tab.

Any suggestions, recommendations or help?

Categories:

Building Power Apps

Hi @asmedic85 ,

Could you please share more details about your scenario? Do you have Edit Forms visible based on the tabs? If so, when one Form is completed, which of the following is what you want:

1. Only make the next tab available to the user.

2. Make all the tables available to the user.

But actually, regardless of which case you want is, due to the tabs are in the Gallery, you will need to interact the data source of the Gallery every time a single field is completed so that you will be able to "save" the verification results of all forms.

So, I assume you will want the case 1 from above scenarios, please try the approach below:

1. Create a collection OnVisible of the Screen, use the collection as the Items of the Gallery:

ClearCollect(colGal,Table({ID: 1, Label: "Position", Valid: false},{ID: 2, Label: "HR", Valid: false},{...},...))

By the way, it will be better to copy your formulas and paste as text in the forum so that others will be more easier to edit.

2. Set Required property of all the Data Cards of all those Forms to be true.

3. Set OnChange property of all the field controls of all those Forms (or similar property OnCheck if it is a Checkbox) to:

If(ThisFormName.Vaild = true, Patch(colGal, LookUp(colGal, ID = varTabSelected), {Valid: true}))
//ThisFormName represents the name of the form where the field control is located.

This step is for getting the validation result of current form. When a field has been edit, it will verify the form's validation property, if is true, modify the collection Valid column to true for the use of the next step.

4. For the next tab, set DisplayMode to:

If(LookUp(colGal, ID = (ThisItem.ID -1)).Valid , DisplayMode.Edit, DisplayMode.Disabled)

So if the Form of previous tab is valid, this tab is available, otherwise disabled.

Hope this helps.

Best regards,

Community Support Team _ Jeffer Ni
If this post helps, then please consider Accept it as the solution to help the other members find it.

Community site session details

Tabbed form using gallery buttons

Helpful resources

News and Announcements

Quick Links

Season of Sharing Community Challenge Winners!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to the July Top 10 Community Leaders!

Leaderboard > Power Apps

Featured topics

Product updates