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

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

Children