Skip to main content

Notifications

Power Pages - Customize & Extend
Suggested answer

Power Pages - Improved Navigation in Multistep Form?

Like (4) ShareShare
ReportReport
Posted on 12 Dec 2024 15:55:26 by 40
Has anyone been able to implement an improved navigation in multistep forms? You can configure a progress bar out-of-the-box which is useful for telling the end users how far into the multistep form they have progressed, but what would be really useful is something which allows the user to instantly navigate to a form step of their choosing which has already been completed.
 
For some context, the requirements/context I am working within are quite difficult:
  1. My multistep form has about 15 forms steps in it (hence the need for a way to quickly navigate to different steps from any given step which the user may be on
  2. My multistep form also has conditional routing in it, so the order of steps changes based on how the end user answers the questions
If anyone has any ideas or has implemented a similar thing it would be great to hear it - any advice is appreciated!
Categories:
  • Suggested answer
    oliver.rodrigues Profile Picture
    oliver.rodrigues 8,899 on 18 Dec 2024 at 12:12:59
    Power Pages - Improved Navigation in Multistep Form?
    If you are looking for a more custom solution, you will need to do the following:
     
    • Configuration data to define steps that are clickable or the from/to of each step
    • Apply JS to the Portal to inject logic to the Steps themselves
    • A function to manipulate the adx_webformsession record that defines the current step of the session - this can be an Azure Function or indirectly calling a Dataverse plug-in 
    You need to be careful with what may happen on the next/previous path. This would be a highly custom solution and needs to be thoroughly tested just FYI
  • Vikash001 Profile Picture
    Vikash001 40 on 16 Dec 2024 at 09:46:29
    Power Pages - Improved Navigation in Multistep Form?
    Hi Oliver,
     
    Thank you for the suggestion, but unfortunately that solution does not work in this case as there are too many child pages to create for this scenario. By any chance is there a code solution of this that you may have come across?
  • oliver.rodrigues Profile Picture
    oliver.rodrigues 8,899 on 12 Dec 2024 at 16:43:42
    Power Pages - Improved Navigation in Multistep Form?
    One of the big challenges of a "clickable multi-step form" is exactly when you have branching logic
     
    Take a look at this article to see if it helps with your solution: https://ulrikke.akerbak.com/2021/10/20/clickable-tabs-navigation-for-power-apps-portals/
     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

November 2024 Newsletter…

November 2024 Community Newsletter…

Community Update Oct 28…

Power Platform Community Update…

Tuesday Tip #9 Get Recognized…

Welcome to a brand new series, Tuesday Tips…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 143,855

#2
RandyHayes Profile Picture

RandyHayes 76,308

#3
Pstork1 Profile Picture

Pstork1 64,155

Leaderboard

Featured topics