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

Рет қаралды 7,953

Күн бұрын

Пікірлер: 33

@rogerbovell5074 7 ай бұрын

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

@suryanshkushwaha 7 ай бұрын

hey dude! Did you find a workaround for this? I am stuck at the same stage!!

@suryanshkushwaha 7 ай бұрын

I realised, he has already given the answer below, please go do check!

@rogerbovell5074 7 ай бұрын

Thanks, that's essentially what I did after googling.

@wendymeyer1250 9 ай бұрын

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

@toluvictor 9 ай бұрын

Glad you like them!

@toluvictor 9 ай бұрын

Glad you like them!

@kittydoes7600 3 ай бұрын

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

@maheshgupte1495 9 ай бұрын

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

@MichaelDeBlasis1369 6 ай бұрын

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 5 ай бұрын

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

@toluvictor 5 ай бұрын

That's great 👍

@ParaagPatel 8 ай бұрын

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

@toluvictor 8 ай бұрын

Hi Just hold down the alt key

@glennbullion9069 5 ай бұрын

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?

@toluvictor 4 ай бұрын

I noticed some sizing inconsistencies doing it that way. But in theory either way should work fine

@ianhamid 7 ай бұрын

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.

@toluvictor 7 ай бұрын

Hello Not really sure whats causing your issue, but If I had to guess, I'd say the "DisplayMode" property of your chevron button is set to get its value from the Form, either indirectly through "Parent.DisplayMode" or Form.DisplayMode. The solution here would be to set the display mode of your button to always be DisplayMode.Edit. You can also check to see if nothing is blocking the button while the form is in edit mode

@hernandomoreno7608 10 ай бұрын

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?

@toluvictor 10 ай бұрын

Since this was created as a component, I added this code to the OnReset property of the component " Set(currentTab, First(FormTabsComponent.inTabLabels).TabLebel)" and then onVisible of each screen I just reset the component as so "Reset(componentname)". If you dont want it to default to the first always, just configure it however you want in the OnReset property. e.g. Set(currentTab, "Other Details")

@gabrielosaji8920 Жыл бұрын

Thanks for this, please can you make more videos weekly

@TinaDerby01 Жыл бұрын

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

@toluvictor Жыл бұрын

Thanks for watching!

@boda4413 10 ай бұрын

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

@toluvictor 10 ай бұрын

Glad it helped!

@thecloudmission Жыл бұрын

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

@toluvictor Жыл бұрын

Thanks for the kind words 😁

@MichaelDeBlasis1369 6 ай бұрын

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

@toluvictor 6 ай бұрын

Since this was created as a component, I added this code to the OnReset property of the component " Set(currentTab, First(FormTabsComponent.inTabLabels).TabLabel)" Then onVisible of each screen I just reset the component as so "Reset(componentname)". If you dont want it to default to the first always, just configure it however you want in the OnReset property. e.g. Set(currentTab, "Other Details")

@MichaelDeBlasis1369 6 ай бұрын

@@toluvictor TY