×
HIDE

Range Slider Field

Demostration

Tutorials

* Ranger slider only works on the frontend

First, you have to choose the field type is Range Slider of field widget.

If you want to customize the style, you can use Ion Range Slider Library http://ionden.com/a/plugins/ion.rangeSlider/demo.html

This is Options for Single Slider

				
					skin: "round", type: "single", min: 100, max: 1000, from: 550
				
			
Options for Double Slider
				
					skin: "round", type: "double", grid: true, min: 0, max: 1000, 
from: 200, to: 800, prefix: "$"
				
			

Simple start, basic params

				
					min: 100,max: 1000,from: 550
				
			

Set up range and step

				
					type: "double",grid: true,
min: 0,max: 1000,from: 200,
to: 800,prefix: "$"
				
			
				
					type: "double",grid: true,
min: -1000,max: 1000, 
from: -500,to: 500
				
			
				
					type: "double",grid: true,
min: -1000,max: 1000,
from: -500,to: 500,step: 250
				
			
				
					type: "double",grid: true,
min: -12.8,max: 12.8,
from: -3.2,to: 3.2,step: 0.1
				
			

In addition, you can customize CSS to diverse your Slider.

mailbox illustrator

Please check your email inbox. If you haven’t received anything,

also check your spam folder.

images with text "you just made my day"

PAFE Form Builder

Extensions

PAFE Widgets

piotnet addons for elementor white icon
Popup Trigger URL
Piotnet Addons For Elementor