Range Slider information needed

Certified Associate Developer

I am new to use this Range slider  , noUiRangeSliderField() I am trying to install the new plug in and use this range slider  

My basic query is how do we save the slider value back to any rule input or local variable   , i do not see value or save into parameter 

onClick: a!save( ri!value , What parameter we can pass as Value  ? ) 

onClick: null,
onChange: null,
onSlide: null

noUiRangeSliderField(
label: "Temperature",
labelPosition: "ABOVE",
validations: {},
height: "AUTO",
minRange: 0,
maxRange: 200,
startHandle: 0,
endHandle: 200,
pips: null,
tooltips: null,
sliderOptions: null,
sliderOrientation: null,
verticalHeight: null,
step: null,
behavior: null,
additionalRange: null,
shape: null,
sliderColor: null,
backgroundColor: null,
disableSliderTooltip: null,
disableSlider: null,
readOnly: null,
onClick: null,
onChange: null,
onSlide: null
)

  Discussion posts and replies are publicly visible

Parents
  • Please add the code in a formatted window for higher readability.


    Secondly, it would be better to add this comment on the Plugin page so the developer can help you with better inputs. 

  • 0
    Certified Associate Developer
    in reply to Harshit Bumb (Appyzie)

    a!sectionLayout(
                label: "FIELD1",
                contents: {noUiRangeSliderField(
                  label: "FIELD1",
                  labelPosition: "ABOVE",
                  validations: {},
                  height: "AUTO",
                  minRange: 0,
                  maxRange: 200,
                  startHandle: 0,
                  endHandle: 200,
                  pips: null,
                  tooltips: null,
                  sliderOptions: null,
                  sliderOrientation: null,
                  verticalHeight: null,
                  step: null,
                  behavior: null,
                  additionalRange: null,
                  shape: null,
                  sliderColor: null,
                  backgroundColor: null,
                  disableSliderTooltip: null,
                  disableSlider: null,
                  readOnly: null,
                  onClick: a!save(ri!field, VALUE : ? ),
                  onChange: a!save(ri!field,VALUE : ? ),
                  onSlide: a!save(ri!field,VALUE : ? )))

    here is the interface , i just looking for how to update the rule input based on the selection

  • 0
    Certified Lead Developer
    in reply to venkatesanr7469

    This should be enough:

    onClick: ri!field

    Then, I recommend the documentation on a!save().

  • 0
    Certified Associate Developer
    in reply to Stefan Helzle

    onClick: ri!field,
    onChange: null,
    onSlide: a!save(ri!field,100 )

    I used this option it is only setting the value to 100 which is fine  , my question is how do we get the exact slider data updated in the rule input ,  for normal text field we have value and saveinto , both we are updating as Rule input

    for this specific case how the slider data captured and saved into rule input variable which can be used  , that is where i am facing issue , Once again thanks for your reply 

  • 0
    Certified Lead Developer
    in reply to venkatesanr7469

    I still do not understand the issue, but here some working code:

    a!localVariables(
      local!field: null,
      a!sectionLayout(
        label: "FIELD1",
        contents: {
          noUiRangeSliderField(
            label: "FIELD1",
            labelPosition: "ABOVE",
            validations: {},
            height: "AUTO",
            minRange: 0,
            maxRange: 200,
            startHandle: 50,
            endHandle: 120,
            pips: null,
            tooltips: null,
            sliderOptions: null,
            sliderOrientation: null,
            verticalHeight: null,
            step: null,
            behavior: null,
            additionalRange: null,
            shape: null,
            sliderColor: null,
            backgroundColor: null,
            disableSliderTooltip: null,
            disableSlider: null,
            readOnly: null,
            onClick: null,
            onChange: local!field,
            onSlide: null
          )
        }
      )
    )

  • 0
    Certified Associate Developer
    in reply to Stefan Helzle

    Thanks a Lot  , it helped me figure out the issue 1) i used the rule input not the Local variable so , you got the min and max range when I use the rule input it only return the minimum range and not the maximum range that is the issue , if you could add Rule input and instead of local variable , you will be able to get the issue what i am talking about ....

    Since i only need the max range  i use the     noUiSliderField   Which only return the maximum range which resolves my issue , Thanks a lot for your reply , you are always great 

Reply
  • 0
    Certified Associate Developer
    in reply to Stefan Helzle

    Thanks a Lot  , it helped me figure out the issue 1) i used the rule input not the Local variable so , you got the min and max range when I use the rule input it only return the minimum range and not the maximum range that is the issue , if you could add Rule input and instead of local variable , you will be able to get the issue what i am talking about ....

    Since i only need the max range  i use the     noUiSliderField   Which only return the maximum range which resolves my issue , Thanks a lot for your reply , you are always great 

Children