Stack Overflow
Stack Overflow

Questions tagged [ion-range-slider]

71 questions
11
votes
2 answers

Ionrangeslider update value with previously set value

I am using ionRangeslider in one of my forms to show the range of tips. How can I update the value on submit button click so that when next time page loads, it shows the slider with that particular updated value? HTML code
Shashank Bhatt
  • 717
  • 1
  • 11
  • 28
5
votes
2 answers

IonRangeSlider assign labels to values

I am using ionRangeSlider and I want assign labels to values or vice versa. So user can pick distance from beach with options: 'on beach', '100m', '200m', '300m', 'more than 300m' but i need in post values like '0', '100', '200', '300', 999 My…
Lajdák Marek
  • 2,969
  • 8
  • 29
  • 58
4
votes
1 answer

Ionic RTL - ion-range with wrong direction on slider

I'm trying to use the RTL support on Ionic 3+, but I have found issues when using the ion-range component. For all my app, I setted $app-direction: rtl; in the variable.scss file, and at some points I needed to add dir="rtl" in the HTML files. But…
Atoyansk
  • 233
  • 5
  • 20
3
votes
2 answers

How to customize ion-range in ionic 5?

I am looking for a solution with my current issue regarding on how to customize the ion-range based on the wireframe. As you can see below the difference between the wireframe and the actual worked I made. Wireframe Design My actual work Above,…
Titus
  • 349
  • 4
  • 19
3
votes
0 answers

ionrangeSlider Nuxt Vue

I'm new in Nuxt and I'm trying to use a jquery library "ionrangeSlider" but I get an error: $(...).ionRangeSlider is not a function I ran npm i ion-rangeslider and I add the vendor in my nuxt.config.js: build: { vendor: [ "jquery", …
Marc Taulé
  • 115
  • 4
3
votes
2 answers

Creating a categorical sliderInput within a rendered UI in R shiny

I'm trying to create a categorical (as opposed to numeric) slider in shiny using sliderInput. Thanks to Dean Atali's answer here (Shiny slider on logarithmic scale), I'm able to create the slider. However, I need to create the slider in server and…
joebrew
  • 55
  • 7
3
votes
0 answers

How to get current value from custom ion-range-slider in Shiny?

Purpose: I needed a way to add custom labels (0, 0.33, 0.66, 1) to a Shiny slider. I modified the code from the following post: R Shiny date slider animation by month (currently by day) Question: How can I pass the current slider value into a Shiny…
Megan W.
  • 31
  • 3
2
votes
0 answers

why vue-range-component is not working fine in sweet-modal Vuejs

I am trying to get Vue-range-component functionality in my project, but it was not loading perfectly on the sweet-modal. please check image how range showing …
kamran shirazi
  • 21
  • 3
2
votes
0 answers

Put yellow dot inside the ion-range slider knob

can anyone help me with how can I make this yellow dot within the ion-range knob?
Afaq Ahmad Butt
  • 21
  • 2
2
votes
1 answer

Ionic 4 Range bar customize

I'm using Ionic V4 with angular. I'm trying to customize the ion-range but for some reason I cannot access all objects inside the range bar. For example: I just need to put the text "TEST" in the Pin range as you can see in the picture. If anyone…
Nati Cohen
  • 21
  • 2
2
votes
1 answer

In Shiny, how can I use distinct colors for the two buttons of a range slider?

Shiny makes use of the ion-rangeslider. I've been able to work out how to modify the slider's color and some of its other properties. The code below produces a regular slider with a green button and a range slider with red buttons. I would like the…
user2363777
  • 947
  • 8
  • 18
2
votes
0 answers

Date Range with ion-range-slider not working in angular

I am trying to implement a simple date range slider using ion-range-slider in angular This is the html
Pein
  • 423
  • 3
  • 11
  • 27
2
votes
2 answers

Dynamically update ion.rangeSlider ngModel in AngularJS directive

I'm trying to update the value of an Ion.RangeSlider when its bound ng-model scope variable changes. The model updates when the Ion.RangeSlider is used, but not vice-versa. Other inputs with the same ng-model update when the model value changes,…
Matt Goodrich
  • 4,875
  • 5
  • 25
  • 38
2
votes
1 answer

ion RangeSlider: customize grid in case of custom values

I have the following slider setup: $("#experience-filter").ionRangeSlider({ values: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, '15+'], grid: true, force_edges: true, step: 5, onFinish: function (data) { …
xfscrypt
  • 16
  • 5
  • 28
  • 59
2
votes
1 answer

How to get from and to values in IonRangeSlider when type is 'single'

I am using IonRangeSlider in which I have 3 custom values : ["Value1","Value2","Value3"] And the type is single. Now what I want is , I want to detect the from and to values in a way If I switch from Value1 to Value2 then I want both of them…
Milan
  • 3,005
  • 1
  • 24
  • 26
1
2 3 4 5