View Issue Details
|ID||Project||Category||View Status||Date Submitted||Last Update|
|13773||Bug reports||[All Projects] Survey design||public||2018-06-13 18:04||2018-06-18 16:31|
|Target Version||3.11.x||Fixed in Version|
|Summary||13773: Cannot style slider handle when not touched anymore|
|Description||In previous versions of LS, there was the possibility to style the (handle of the) slider (multi numerical) differently when the slider was not touched, because a class "untouched" was added to the untouched slider, which was taken away after the slider was touched. This made it possible to indicate the difference between untouched sliders and touched sliders, even when the indicate the same value.|
But since the new versions 3.x.x this does not seem to be possible anymore: the class "untouched" is now applied to the input of the slider.
Please apply the class to a level highr than the handle, preferably to the class that also contains the classes: "slider" and "slider-horizontal". That way you make styling the most flexible.
Extra points available: add the class untouched, touched or reset when applicable, so after an action to reset the slider may also be shown differently.
|Tags||No tags attached.|
|Complete LimeSurvey version number (& build)||3.9.0|
|I will donate to the project if issue is resolved||No|
|Database & DB-Version||ff|
|Operating System (Server)||ff|
|Webserver software & version||ff|
sliderhandlestyling.png (143,656 bytes)
|Also: when the slider-untouched class is positions at the highest level, the designer can also ifluence the tooltip, the track, which could be used to better distinguish when slider questions have ben answered or not|
I second this.
When adjusting CSS class names at such elements please keep an eye on backwards compatibility.
Using vanilla survey theme, but could not find .js related to untouched class of slider. Is this hidden deeper in the system?
|The script is here : https://github.com/LimeSurvey/LimeSurvey/blob/master/assets/packages/questions/numeric-slider/scripts/numeric-slider.js|
|We will enhance the slider questions soon and take this into account.|
Great, because at this moment a user cannot distinguish between touched and untouched. I saw that in the code the line that should trigger this is still there, but unfortunately it does not seem to function.
Please put this at the highest level of the structure, so styling is most flexible.
Thanks in advance.
|2018-06-13 18:04||tammo||New Issue|
|2018-06-13 18:04||tammo||File Added: sliderhandlestyling.png|
|2018-06-13 18:16||tammo||Note Added: 48101|
|2018-06-13 21:15||Mazi||Note Added: 48103|
|2018-06-14 12:44||tammo||Note Added: 48109|
|2018-06-14 13:27||tammo||Note Edited: 48109||View Revisions|
|2018-06-14 18:21||DenisChenu||Note Added: 48115|
|2018-06-15 14:16||c_schmitz||Note Added: 48121|
|2018-06-15 14:17||c_schmitz||Assigned To||=> markusfluer|
|2018-06-15 14:17||c_schmitz||Status||new => assigned|
|2018-06-18 16:31||tammo||Note Added: 48209|