Expand my Community achievements bar.

Learn about Edge Delivery Services in upcoming GEM session
SOLVED

Popup Message on Initial Form Submission

Avatar

Level 2

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

1 Accepted Solution

Avatar

Correct answer by
Level 7

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) {

  });

  })

});

View solution in original post

3 Replies

Avatar

Level 10

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.

Avatar

Correct answer by
Level 7

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) {

  });

  })

});

Avatar

Level 10

Nice response James - we marked this a correct