Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

Popup Message on Initial Form Submission

berlink0304
Level 2
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
James_R_Green
Correct answer by
Level 7
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
smacdonald2008
Level 10
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.

James_R_Green
Correct answer by
Level 7
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

smacdonald2008
Level 10
Level 10

Nice response James - we marked this a correct