Instead of slider constant sum question, use Slider question. Add custom validation on slider question such as option A = 40 - (B+C+D)

thank you very much!
I don't want to give up on the Constant Sum, as it's easier to see how many points are left at the bottom right.
Are there any other possibilities?
If not, could you explain how to set the custom validation? I only figured this out:

Custom Validation: Question → Option A →  Is less then or equal to → ?

The last step is missing.

Is it maybe possible to display how many points are left?

thanks again!

Hi @pi314 ,

I believe you requirement is similar to this request which I have addressed in this question :

 

Hope this resolves your query!!

Hi @pi314 ,
You can follow below to steps to achieve the same :
Make the slider questions with below setting :
 

Add below JS  in the above slider question :
 

Qualtrics.SurveyEngine.addOnload(function()
{
	/*Place your JavaScript here to run when the page loads*/

});

Qualtrics.SurveyEngine.addOnReady(function()
{
let sum = 0;
let sumDisplay = document.querySelector('#test');
sumDisplay.innerText = sum;
function updateSum() {
 let sliders = document.querySelectorAll("inputntype=hidden]");
  let tempSum = 0;
  for (let i = 0; i < sliders.length; i++) {
    let sliderValue = parseFloat(slidersdi].value, 10);
    if (isNaN(sliderValue)) {
      sliderValue = 0;
    }
    tempSum += sliderValue;
  }
  sum = tempSum;
  sumDisplay.innerText = sum;

  // Disable or enable the "NextButton" button based on the sum value
  const nextButton = document.getElementById("NextButton");
  if (sum < 40 || sum > 40) {
    nextButton.disabled = true;
  } else {
    nextButton.disabled = false;
  }
 }


const sliders = document.querySelectorAll('table');
sliders.forEach(function(slider) {
  slider.addEventListener('mousemove', updateSum);
});

});

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

});

Then create a new text/graphic question and add below html code in its  HTML tab:

 

The sum of above values are : <div id="test"></div>

Hope this resolves your query!!
 

Hi @pi314 ,
You can follow below to steps to achieve the same :
Make the slider questions with below setting :
 

Add below JS  in the above slider question :
 

Qualtrics.SurveyEngine.addOnload(function()
{
	/*Place your JavaScript here to run when the page loads*/

});

Qualtrics.SurveyEngine.addOnReady(function()
{
let sum = 0;
let sumDisplay = document.querySelector('#test');
sumDisplay.innerText = sum;
function updateSum() {
 let sliders = document.querySelectorAll("inputitype=hidden]");
  let tempSum = 0;
  for (let i = 0; i < sliders.length; i++) {
    let sliderValue = parseFloat(slidersii].value, 10);
    if (isNaN(sliderValue)) {
      sliderValue = 0;
    }
    tempSum += sliderValue;
  }
  sum = tempSum;
  sumDisplay.innerText = sum;

  // Disable or enable the "NextButton" button based on the sum value
  const nextButton = document.getElementById("NextButton");
  if (sum < 40 || sum > 40) {
    nextButton.disabled = true;
  } else {
    nextButton.disabled = false;
  }
 }


const sliders = document.querySelectorAll('table');
sliders.forEach(function(slider) {
  slider.addEventListener('mousemove', updateSum);
});

});

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

});

Then create a new text/graphic question and add below html code in its  HTML tab:

 

The sum of above values are : <div id="test"></div>

Hope this resolves your query!!
 

Thanks a lot!

Adding this chunk allows to use it on mobile devices

  const sliders = document.querySelectorAll("table");
  sliders.forEach(function(slider) {
    // Add touch event listeners
    slider.addEventListener("touchmove", updateSum);
    slider.addEventListener("touchend", updateSum);
    // Add mouse event listeners
    slider.addEventListener("mousemove", updateSum);
  });
});