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

Notifications

Announcements

Community site session details

Community site session details

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

Popup in a multistep form

(0) ShareShare
ReportReport
Posted on by 216
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
    235 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! 🎉
  • TonjeWaasjo Profile Picture
    216 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
    235 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
  • TonjeWaasjo Profile Picture
    216 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
    235 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

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Pages

#1
Jerry-IN Profile Picture

Jerry-IN 71

#2
Fubar Profile Picture

Fubar 62 Super User 2025 Season 2

#3
sannavajjala87 Profile Picture

sannavajjala87 31

Last 30 days Overall leaderboard