The submit button is easy, but getting a cancel button seems impossible to me. I tried displaying the back button, but that didnt seem to work. This is being used in an intercept and to keep with our branding, they want to offer this cancel, which essentially does the same thing as the 'X' button at the top of the page, but they want it to be next to the submit button...why, i dont know.
But, has anyone done this in a survey before? Or have any ideas on how this could be done?
Thanks for your help.
-Mike
Solved
Is there a way to add a 'Cancel' button next to the 'Submit' button?
+3This is what my UX team wants:
!
The submit button is easy, but getting a cancel button seems impossible to me. I tried displaying the back button, but that didnt seem to work. This is being used in an intercept and to keep with our branding, they want to offer this cancel, which essentially does the same thing as the 'X' button at the top of the page, but they want it to be next to the submit button...why, i dont know.
But, has anyone done this in a survey before? Or have any ideas on how this could be done?
Thanks for your help.
-Mike
The submit button is easy, but getting a cancel button seems impossible to me. I tried displaying the back button, but that didnt seem to work. This is being used in an intercept and to keep with our branding, they want to offer this cancel, which essentially does the same thing as the 'X' button at the top of the page, but they want it to be next to the submit button...why, i dont know.
But, has anyone done this in a survey before? Or have any ideas on how this could be done?
Thanks for your help.
-MikeBest answer by TomG
Use JS to insert a button before the submit button and add a click event handler to the new button that clicks the 'X' button.
+27Use JS to insert a button before the submit button and add a click event handler to the new button that clicks the 'X' button.
+3@TomG I will try this, thank you. Where would the JS be inserted? Can't the only places JS be used is in each question? Thank you. -Mike
+27+3Ok, I am struggling to get this to work. The best I got was a button at the very bottom of the left corner. Nothing I did to specify where I wanted it seemed to work, so I just used body and that was the only one that actually displayed.
!
I am trying to put it in <div id="Buttons"..., but it isn't working.
<div id="Buttons" role="navigation"><input id="NextButton" class="NextButton Button" title="SUBMIT" type="button" name="NextButton" value="SUBMIT" data-runtime-disabled="runtime.Disabled" data-runtime-aria-label="runtime.ariaLabel" data-runtime-hide="runtime.Hide" page-id="P_1580394298296" aria-label="SUBMIT"></div>
This is exactly what I am looking for...i just added HTML to developer in the browser. added another input, changed the values.
!
I'm looking for any JS wizards that have done this in the past that I can leverage? This goes beyond my knowledge.
Thanks,
Mike
I am trying to put it in <div id="Buttons"..., but it isn't working.
<div id="Buttons" role="navigation"><input id="NextButton" class="NextButton Button" title="SUBMIT" type="button" name="NextButton" value="SUBMIT" data-runtime-disabled="runtime.Disabled" data-runtime-aria-label="runtime.ariaLabel" data-runtime-hide="runtime.Hide" page-id="P_1580394298296" aria-label="SUBMIT"></div>
This is exactly what I am looking for...i just added HTML to developer in the browser. added another input, changed the values.
!
I'm looking for any JS wizards that have done this in the past that I can leverage? This goes beyond my knowledge.
Thanks,
Mike+3!
+27You would add the button with JS using something like:
```
jQuery("#NextButton").before("...html for new cancel button goes here...");
```
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.