You would need to modify the question theme, adding a new custom option to disable the sliders...
1) In
/Slider-With-Controls/survey/questions/answer/multiplenumeric/config.xml, add an attribute like this this:
Code:
<attribute>
<name>disabled</name>
<category>Custom options</category>
<sortorder>6</sortorder>
<inputtype>buttongroup</inputtype>
<options>
<yes>Yes</yes>
<no>No</no>
</options>
<default>no</default>
<caption>Slider disabled</caption>
<help>Disable the slider so the control buttons must be used.</help>
</attribute>
2) In
/Slider-With-Controls/survey/questions/answer/multiplenumeric/rows/sliders/answer_row.twig, change this:
Code:
{% if slider_orientation is same as('horizontal') %}
{% include '/survey/questions/answer/multiplenumeric/rows/sliders/horizontal_slider.twig' %}
{% endif %}
{% if slider_orientation is same as('vertical') %}
{% include '/survey/questions/answer/multiplenumeric/rows/sliders/vertical_slider.twig' %}
{% endif %}
To this:
Code:
{% if slider_orientation is same as('horizontal') %}
{% include '/survey/questions/answer/multiplenumeric/rows/sliders/horizontal_slider.twig' with {'sliderDisabled': question_template_attribute.disabled} %}
{% endif %}
{% if slider_orientation is same as('vertical') %}
{% include '/survey/questions/answer/multiplenumeric/rows/sliders/vertical_slider.twig' with {'sliderDisabled': question_template_attribute.disabled} %}
{% endif %}
3) In
/Slider-With-Controls/survey/questions/answer/multiplenumeric/rows/sliders/horizontal_slider.twig, change this:
Code:
{{ C.Html.textField( myfname ~ 'slid', dispVal ,{
'class': 'form-control answer-item numeric-item d-none cs-slider-input',
'id' : "answer" ~ myfname ~ "slid",
'data-cs-separator' : sSeparator,
'data-cs-step' : slider_step,
'data-cs-max' : slider_max,
'data-cs-min' : slider_min
}) }}
To this:
Code:
{{ C.Html.textField( myfname ~ 'slid', dispVal ,{
'class': 'form-control answer-item numeric-item d-none cs-slider-input',
'id' : "answer" ~ myfname ~ "slid",
'data-bs-slider-enabled': sliderDisabled == 'yes' ? 'false' : 'true' ,
'data-cs-separator' : sSeparator,
'data-cs-step' : slider_step,
'data-cs-max' : slider_max,
'data-cs-min' : slider_min
}) }}
4) In
/Slider-With-Controls/survey/questions/answer/multiplenumeric/rows/sliders/vertical_slider.twig, change this:
Code:
{{ C.Html.textField( myfname ~ 'slid', dispVal ,{
'class': 'form-control answer-item numeric-item d-none',
'id' : "answer" ~ myfname ~ "slid",
'data-cs-separator' : sSeparator,
'data-cs-step' : slider_step,
'data-cs-max' : slider_max,
'data-cs-min' : slider_min
}) }}
To this:
Code:
{{ C.Html.textField( myfname ~ 'slid', dispVal ,{
'class': 'form-control answer-item numeric-item d-none cs-slider-input',
'id' : "answer" ~ myfname ~ "slid",
'data-bs-slider-enabled': sliderDisabled == 'yes' ? 'false' : 'true' ,
'data-cs-separator' : sSeparator,
'data-cs-step' : slider_step,
'data-cs-max' : slider_max,
'data-cs-min' : slider_min
}) }}
5) In Configuration --> Global -- General, clear the assets cache.
6) Set the new "Slider disabled" question setting to "Yes".
