Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

I want to hide the slider handle by default until the user click on slider.

ErtanErsan
Topic Author
Offline
New Member

More

6 years 11 months ago #189441 by ErtanErsan

I want to hide the slider handle by default until the user click on slider. was created by ErtanErsan

I want to hide the slider handle by default until the user click on slider. I found some script but doesn't work on Limesurvey 3.0.

This is the script i found:

<script type="text/javascript" charset="utf-8">

$(document).ready(function() {

$('.ui-slider-handle').hide();

$('.ui-slider').mousedown(function(){
$('.ui-slider-handle', this).show();
});
});

</script>

Any help?
Thank you

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

6 years 11 months ago #189475 by tpartner

Replied by tpartner on topic I want to hide the slider handle by default until the user click on slider.

Disable AJAX in the question theme options and add a script like this to the source of the question:

Code:

<script type="text/javascript" charset="utf-8">

	$(document).on('ready pjax:scriptcomplete',function(){
 
		// Identify this question
		var thisQuestion = $('#question{QID}');
	
		$('input:text', thisQuestion).on('slideEnabled',function(){ 
			var thisItem = $(this).closest('li');
			var thisSlider = $('.slider', thisItem);
			var answerInput = $('input:text.form-control', thisItem).not('[id$="slid"]'); 
			
			// Hide the tooltip if no value for the slider
			if($(answerInput).val() == '') {
				 $('.tooltip', thisSlider).hide();
			}
	
			// Listener on slider
			$(this).on('slide slideStop', function(event) {
				$('.tooltip', thisSlider).show();
			});
		});
    });
</script>