web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / Popup in a multistep form
Power Pages
Suggested Answer

Popup in a multistep form

(0) ShareShare
ReportReport
Posted on by 225
I have a multistep form with a look up field to another table. If a specific value is choosen I want a pop-up to open up so I can enter the missing information. When I press the save button on the pop-up, I want to trigger a flow that can submit the values to the right Dataverse table. 
 
Is this possible?
 
//tonje
Categories:
I have the same question (0)
  • Suggested answer
    Ajlan Profile Picture
    237 on at
    Hello,

    Yes, it is possible, what you need to do is to hide the OOB button and add your custom button. You can refer the below code and add it on your Multi Step form Step,
     
    $(document).ready(function () {
        const nextBtn = $("#NextButton");
        if (nextBtn.length > 0 && !nextBtn.data("custom-handler-attached")) {
            nextBtn.data("custom-handler-attached", true);
     
            nextBtn.hide();
     
            const buttonWrapper = $("<div>")
                .attr("id", "customButtonWrapper")
                .css({
                    display: "flex",
                    justifyContent: "space-between",
                    alignItems: "center",
                    width: "100%",
                    marginTop: "20px"
                });
     
            const customBtn = $("<button>")
                .attr("id", "CustomNextButton")
                .addClass("btn btn-primary")
                .text("My Custom Button");
     
            buttonWrapper.append(customBtn);
            nextBtn.after(buttonWrapper);
     
            $("#CustomNextButton").on("click", function (e) {
                e.preventDefault();
                //Add your Popup logic here
     
               //Add this code to move to next step
               nextBtn[0].click();
     
            });
        }
    });
     
    Cheers! 🎉
  • TonjeItIs Profile Picture
    225 on at
    Thank you for your answer @Ajlan. I am quite new to this, so I don't know what I should put in the place of "//Add your Popup logic here". Can I put a basic form here? Or is it easier to put html code? 
  • Suggested answer
    Ajlan Profile Picture
    237 on at
    Unfortunately, you can't put basic form there. You'll have to put html code and make an ajax request to update it to Dataverse.

    Refer to this link for Portal Web Api: https://learn.microsoft.com/en-us/power-pages/configure/webapi-how-to

    If you can tell me your exact requirement, I can guide you with better approach
  • TonjeItIs Profile Picture
    225 on at
    Thanks again @Ajlan,
     
    What I need is 3 textinput bokses with labels and then trigger a flow called "createVessel" that gets the values of the 3 inputfields as parameters. 
  • Suggested answer
    Ajlan Profile Picture
    237 on at
    You can move forward with HTML code and trigger your flow by passing the parameters.



    Cheers! 🎉

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

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the March Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
DP_Prabh Profile Picture

DP_Prabh 51

#2
rezarizvii Profile Picture

rezarizvii 35

#3
oliver.rodrigues Profile Picture

oliver.rodrigues 33 Most Valuable Professional

Last 30 days Overall leaderboard