Clickable Progress Bar for Web Forms

[mckod]

I have a webform with multiple tabs. Is it possible to edit the progress bar of an advanced form to allow navigation between tabs? If not, what HTML do i need to inject to allow navigation between tabs from the same form? Keep in mind, this is for one advanced form not multiple forms. 

This is the progress bar currently. Users cannot navigate between each tab. 

Here are the tabs in the web form studio. 

[ragavanrajan]

Hi @mckod 

There is no oob way. But you can try the below method 

https://ulrikke.akerbak.com/2021/10/20/clickable-tabs-navigation-for-power-apps-portals/. 

Hope it helps.

------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

[mckod]

The method above uses different basic forms from a list. Is it possible to just use tabs in one advanced form? I could be misreading the code. 

[ragavanrajan]

Hi @mckod 

As mentioned, as of now there is no other way. The advanced form is derived from Basic form. Hence this method is kind of a way to achieve similar functionality. 

------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

[mckod]

How would I change the code made for basic forms provided so that it would iterate through tabs in an advanced form? Right now we have one advanced form we are using with multiple tabs. 

[mckod]

@ulrikke Your work is great! I am relatively new to programming and Powerapps. How would you change the code you provided to adapt to having 1 advanced form with multiple tabs of the advanced form linked to different pages? Clickable tabs navigation for Power Apps Portals - Ulrikke Akerbæk (akerbak.com)

For more information, we have two requirements to keep in mind

1) Users can edit the same form from a list seen below. 

2) Users can tab through different parts of the advanced web form not in order.