Skip to main content
October 11, 2023
Question

Range Slider information needed

  • October 11, 2023
  • 9 replies
  • 0 views

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
)

    9 replies

    stefanhelzle0001
    October 11, 2023

    The parameters onClick, onChange and onSlide are the saveIntos. I suggest to just get started and play with it. I also had to do that initially.

    harshitb6843
    October 11, 2023

    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. 

    October 11, 2023

    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

    stefanhelzle0001
    October 11, 2023

    This should be enough:

    onClick: ri!field

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