Click footer button to bring to specific block | XM Community
Solved

Click footer button to bring to specific block

  • 5 December 2019
  • 1 reply
  • 77 views
P
Badge +3
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.
icon

Best answer by profjm 7 December 2019, 05:20

View original

1 reply

P
Badge +3
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