Messenger Icon
×
HIDE

Range Slider Field for Elementor form – Piotnet Addons

Users can select a number from a defined range of numbers by dragging a handle in the WordPress range slider field. The slider fields are never empty because they always have a value. In other words, even 0 is considered a non-empty value.

Demonstration of Range Slider Field

Tutorials - How to add Range Slider field to your form

You have to notice that Ranger slider field only works on the frontend

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

range-slider-field-for-elementor

If you want to customize the style of Range Slider field, you can use Ion Range Slider Library

http://ionden.com/a/plugins/ion.rangeSlider/demo.html

This is Options for Single Slider of Range Slider field:

				
					skin: "round", type: "single", min: 100, max: 1000, from: 550
				
			

Options for Double Slider of Range Slider field

				
					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 Range Slider field.

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

also check your spam folder.

PAFE Form Builder

Extensions

PAFE Widgets

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