Popup Message on Initial Form Submission | Community
Skip to main content
berlink0304
Level 2
January 17, 2018
Solved

Popup Message on Initial Form Submission

  • January 17, 2018
  • 3 replies
  • 1293 views

I am trying to have a message appear on the initial submission of a form.  For subsequent Task Operations, I have the ability to give User Actions, where I can have a message display when they press Submit (or other actions).

I do not have that option though for the initial submission of the form. 

Where would you place JS to run when a user clicks submit?  What is the location of that button?

I am using 6.1

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by James_R_Green

You could also create a custom form component that is the modal and hide/show it based on your javascript.

The javascript code can either be added on your submit button using the rules editor as well as calling guideBridge.submit().

Or you could add code to a cilent library and listen for the submitStart event e.g.

window.addEventListener("bridgeInitializeStart", function (evnt) {

   var gb = evnt.detail.guideBridge;

   //wait for the completion of adaptive forms
   gb.connect(function () {

   //this function will be called after adaptive form is initialized

   gb.on("submitStart", function (event, data) {

  });

  })

});

3 replies

smacdonald2008
Level 10
January 17, 2018

YOu can also create a custom form component that is only a button and style it with CSS and then have JS that can produce a popup message.

James_R_Green
James_R_GreenAccepted solution
Level 6
January 28, 2018

You could also create a custom form component that is the modal and hide/show it based on your javascript.

The javascript code can either be added on your submit button using the rules editor as well as calling guideBridge.submit().

Or you could add code to a cilent library and listen for the submitStart event e.g.

window.addEventListener("bridgeInitializeStart", function (evnt) {

   var gb = evnt.detail.guideBridge;

   //wait for the completion of adaptive forms
   gb.connect(function () {

   //this function will be called after adaptive form is initialized

   gb.on("submitStart", function (event, data) {

  });

  })

});

smacdonald2008
Level 10
January 29, 2018

Nice response James - we marked this a correct