Slider questions customisation | XM Community
Skip to main content
Hi all



For a questionnaire I have different blocks with slider questions. In one block, I need the handle to appear only when people click on the track. This issue is already resolved: in the look and feel section the css code is:



.handle{

visibility:hidden;

}



and I added some javascript in the question part to make it appear again:



var q = jQuery("#"+this.questionId);

q.find(".track").on("click", function() {

jQuery(this).find(".handle").css('visibility', 'visible');

});





The problem that I have now is that in another block I need the the handle to be visible when the questions appears. I tried to reverse the css code and added to the javascript:

var styles = {



//.handle

handleClass: {

visibility: "visible"

}

}



Unfortunately, this didn't work. As I am not really a coder, my coding knowledge is quite limited. Does someone have a better idea how to resolve my problem?

Thanks in advance!
hi @jaegtiz

As you want your slider to appear like a normal slider for one question and customized for other i would suggest you rather use this code :

`var q = jQuery("#"+this.questionId);

q.find(".handle").css('visibility', 'hidden');

q.find(".track").on("click", function() {

jQuery(this).find(".handle").css('visibility', 'visible');

});`

for the question you need the slider hidden until the track is clicked.

And for the other you just have a normal slider question.

with this custom CSS , you were applying this css to all question that have a class handle (like the slider question)

`.handle{

visibility:hidden;

}`

so a custom js code specific to the question would be better.
Thank you very much for your answer!

Leave a Reply


Terms & Conditions