<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>

{% 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 %}

{% 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 %}

{{ 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 
}) }}

{{ 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 
}) }}

{{ 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 
}) }}

{{ 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 
}) }}