Need to have buttons on InfoPath form in a Site Page to direct to a specific URL

Question

I have an InfoPath Designer form that I created and placed into a Site Page. Now I would like each of the buttons on this form to be able to direct to specified URL. I've tried adding the script below to a Script Editor webpart, but it's not working:

<script>     
document.getElementById("CTRL15_5").addEventListener("mouseup", function(){
window.location='http://www.google.com';
});
</script>

Is there another way to do this? Or something wrong with my code?

Answer 1

I had a similar requirement. It is possible to create buttons that will open new pages. However, it is CRAZY difficult to do.

I will propose an alternative solution that we ended up doing.

I uploaded images that LOOK like buttons. The images of buttons themselves have links embedded which you can easily do in infopath designer. This solved the requirement.

So basically, in infopath designer, place the button images where you want. Embed hyperlinks on the images, and publish the form.

Let me know if that helps.

UPDATE...

Here is how you do it...

Step 1. Open the desired form in infopath designer.

Step 2. Navigate to the section where you wish to place the buttons.

Step 3. Using the top ribbon, click on the Insert tab, and click on Picture

Step 4. With the picture uploaded, click on the image.

Step 5. In the Insert Tab, click Hyperlink (important that the image is selected)

Step 6. Enter the desired URL.

Step 7. Save and publish the form.

See the below screenshots.

Answer 2

Edit buttons in InfoPath designer for this form.

You can use C# code in InfoPath, here is example with action on button..

You can also dynamically set field Value (like some link). More info HERE:

public void FormEvents_Loading(object sender, LoadingEventArgs e)
{
   // Create XPathNavigator positioned at the root of the main data 
   // source.
   XPathNavigator myNav = this.MainDataSource.CreateNavigator()

   // Select employee field and set value to username.
   myNav.SelectSingleNode("//my:employee",this.NamespaceManager).
      SetValue(System.Environment.UserName);
}

Another Examples here.

or just edit in the Designer values if they are static.

Install VSTA for InfoPath manual.