Hi dwn308 , So it should be vertical. Check the first step - Choose Question Type: Constant Sum , 1 statement, vertical format. See cropped screen grab below:
Thanks TomG between your help and some off line help I've got it working. For anyone else who might like this here's the completed and working bits.First: Choose Question Type: Constant Sum , 1 statement, vertical format. Second: Updated Look and feel> General Third: Update JavaScriptQualtrics.SurveyEngine.addOnload(function(){ var vSlider = document.getElementById('uiSlider'); noUiSlider.create(vSlider, { start: 5, step: 1, direction: 'rtl', orientation: 'vertical', range: { min: 0, max: 10 }, format: wNumb({ decimals: 0 }), // Show a scale with the slider pips: { mode: 'steps', stepped: true, density: 10, } }); var inputNumber = document.getElementById('QR~'+this.questionId+'~1'); vSlider.noUiSlider.on('update', function (values, handle) { inputNumber.value = values[handle]; }); inputNumber.addEventListener('change', function () { vSlider.noUiSlider.set([null, this.value]); }); inputNumber.setAttribute('readonly',true)});Fourth: Update HTML Imagine th
Thanks TomG you clearly know what your talking about.Sadly no such luck, I couldn't spot " < > but I did remove " > < from the latter end of the Look and Feel Header code and it did not work. :( Essentially with your advice I tried running - this created visible code in the preview header or the questionnaire but no slider. <link href="https://cdn.jsdelivr.net/npm/nouislider@14.6.3/distribute/nouislider.min.css"rel="stylesheet" type="text/css" /><script src="https://cdn.jsdelivr.net/combine/npm/nouislider@14,npm/wnumb@1/script>I've tried to change the Look and Feel code several time using different formats and and thisNone of which worked at generating the slider...
Thanks for the advice Tom. I can't spot " < > but I did remove " > < from the latter end of the Look and Feel Header code and it did not work. :( I've tried to change the Look and Feel code several time using different formats and and thisNone of which worked at generating the slider...
HiThis thread is amazing & has been super helpful, but I am running into the same issues as several others and the solutions mentioned so far are not resolving it. I'm adapting the text slightly as want the vertical slider for a social ladder not the Euroqual measure but that shouldn't be an issue. Everything looks good except there is no slider! Created a question using Constant Sum, one statement, vertical. Look and Feel> General> Header updated: https://cdn.jsdelivr.net/npm/nouislider@14.6.3/distribute/nouislider.min.css" rel="stylesheet" /><link href="https://cdn.jsdelivr.net/npm/nouislider@14.6.3/distribute/nouislider.min.css" rel="stylesheet" type="text/css" /><script src="https://cdn.jsdelivr.net/combine/npm/nouislider@14,npm/wnumb@1"></script>https://cdn.jsdelivr.net/combine/npm/nouislider@14.6.2,npm/wnumb@1.2.0">No rouge AT all @JavaScript updatedQualtrics.SurveyEngine.addOnload(function(){ var vSlider = document.getEl
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.