Click footer button to bring to specific block | XM Community
Skip to main content
Hello- I have a custom button in my footer. When clicked, I'd like the respondent to go directly to a block _near_ the end of the survey.



I have this code in my footer:

<input class="Button" id="ExitButton" name="ExitButton" title="Exit Survey" type="button" value="Exit Survey" />



The flow ID for the block I want to take them to is: FL_126931941



Any hints about code I can place in the header or CSS to make it work? Thanks.
I solved this using the example in the attached document. Many thanks to Tyler Burleigh.

Before the "end of survey" block, I added the block I needed.



I was also able to hide the footer button on specific pages by using this code:



Qualtrics.SurveyEngine.addOnload(function()

{

jQuery("#WithdrawButton").hide();



});



I modified Tyler's button in the footer to be placed at the far left using this CSS code, which also changed the color:



.Skin #Buttons #WithdrawButton {

border: none;

color: #fff;

font-size: 8px;

position: absolute;

left: 50px;

padding: 8px 14px;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

-ms-border-radius: 4px;

-o-border-radius: 4px;

border-radius: 4px;

cursor: pointer;

margin: 0;

text-align: center;

text-decoration: none;

-webkit-appearance: none;

transition: background .3s;

background-color: #220;

opacity: .20;

}



#WithdrawLink {

text-decoration: none;

}

Leave a Reply


Terms & Conditions