Hello. I am using version 1.90+, build 9522. My survey, currently inactive, is at
www.itd.cnr.it/limesurvey/index.php?sid=92186&lang=it
Six questions in the last part of my survey use the slider option, with only one slider for each question. I have two problems with that:
(1) the handle does not appear in the middle of the slider, even if I used advanced settings to set "Slider starts at the middle position" on "YES"
(2) when testing my survey, the handle cannot be moved from the leftmost margin of the slider, where it appears by default (in other words, it does not work as it should)
In case it is relevant, I should mention that I customized the appearence of the slider in the template.css file following instructions from previous posts in this forum, with two objectives: increasing the slider width (length), and changing how the handle appears. The modifications are pasted at the end of this message, just in case my troubles originate from them.
I searched on the forum and could not find similar issues and/or suitable solutions. I'd be grateful for any suggestions/tips from you, guys. Thanks in advance!
Fabio
--
SLIDER WIDTH
.ui-slider-1 {
width: 400px;
height: 9px;
margin-bottom: 20px;
}
SLIDER HANDLE
.ui-slider-handle {
}
.ui-state-default,
.ui-widget-content .ui-state-default {
background: url(slider-handle.gif) no-repeat 0 0; /* The default image */
background-color: transparent !important;
border: none;
outline-color: none !important;
outline: none !important;
position: absolute;
height: 25px;
width: 12px;
top: 0px;
cursor: pointer;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
background:url(slider-handle.gif) no-repeat 0 0; /* The active image */
}