How do I make user response on a slider question stay displayed on the screen? | XM Community
Skip to main content

Hi! I've been trying to customize multiple slider questions (keeping in mind that the survey will need to look good on a mobile phone screen) so that when the user moves their finger along each slider, the value that pops up above the slider stays on the screen after they have made a selection and moved onto the next question / removed their finger from the screen. For context, I'm restricted to using the "Classic" layout.
Right now, the value above the slider disappears when the user has finished responding to it. For example, if they choose the response "A little" (first image below), once they move onto the next slider question, "A little" disappears. I'd like it to stay on the screen, like how it's shown in the second picture.
Screen Shot 2021-04-02 at 12.09.16 PM.pngScreen Shot 2021-04-02 at 12.08.44 PM.pngCan someone pls help me with this?

Hi there, if you still need, you can have the slider ToolTip always display by adding the below CSS over in the Style section of your survey's Look & Feel:
.JFEScope .BarContainer .sliderToolTip {
display: block !important;
opacity: 1 !important;
}

.JFEScope .BarContainer .sliderToolTipBox {
border-color: #ddd !important;
}
For the Classic layout, having the tooltip always display made it so that the tooltip border was visible even when nothing was selected, so the border-color was changed to match that of the track.

Leave a Reply


Terms & Conditions