How to use a verical slider?

Hi there, I was able to make it through that thread and get the slider to display. The last comments by bgk were necessary for me to get it working. Attached is a QSF with the noUiSlider working.
noUiSlider_HealthTodayExample.qsf

@MichelleM123 Sure thing!

@cturtle The 50 value can be blanked out by setting the Constant Sum field to ‘’ after the value is updated to 50 by the noUiSlider updating function. Also, you might want to have the noUiSlider handle not display until the track is interacted with so I added some code for that in the OnReady section. Below is the full JS for the question:

Qualtrics.SurveyEngine.addOnload(function() {

//uiSlider
   var vSlider = document.getElementById('uiSlider');
   noUiSlider.create(vSlider, {
      start: 50,
      step: 1,
      direction: 'rtl',
      orientation: 'vertical',  
      range: {
         min: 0,
         max: 100
      },
      format: wNumb({
        decimals: 0
      }),
       // Show a scale with the slider
       pips: {
           mode: 'positions',
           values: [0,10,20,30,40,50,60,70, 80,90,100],
           stepped: true,
       }
   });

//update constant sum answer choice
   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);

	//blank initial value
   jQuery(inputNumber).val('');

});

Qualtrics.SurveyEngine.addOnReady(function()
{
	/*Place your JavaScript here to run when the page is fully displayed*/

//hide handle until slider interacted
jQuery("#"+this.questionId+" #uiSlider > div.noUi-base > div.noUi-origin > div").attr("id","handle");
var handle = document.getElementById('handle');
var track = document.getElementById('uiSlider');
var clicked ="no";

jQuery(handle).css('visibility', 'hidden');

jQuery(track).on("click , touchstart", function() {
clicked = "yes";
});

jQuery(track).on("click , touchstart", function() {
if(clicked == "yes"){
    jQuery(handle).css('visibility', 'visible');
}
});

});

Qualtrics.SurveyEngine.addOnUnload(function()
{
	/*Place your JavaScript here to run when the page is unloaded*/

});