Control_Slider()
Elementor slider control.
Description
A base control for creating slider control. Displays a draggable range slider. The slider control can optionally have a number of unit types (size_units
) for the user to choose from. The control also accepts a range argument that allows you to set the min
, max
and step
values per unit type.
Changelog
Version | Description |
---|---|
1.0.0 | Introduced. |
Methods
- content_template — Render slider control output in the editor.
- get_default_settings — Get slider control default settings.
- get_default_value — Get slider control default values.
- get_type — Get slider control type.
Source
includes/controls/slider.php
class Control_Slider extends Control_Base_Units { public function get_type() { return 'slider'; } public function get_default_value() { return array_merge( parent::get_default_value(), [ 'size' => '', ] ); } protected function get_default_settings() { return array_merge( parent::get_default_settings(), [ 'label_block' => true, ] ); } public function content_template() { $control_uid = $this->get_control_uid(); ?> <div class="elementor-control-field"> <label for="<?php echo $control_uid; ?>" class="elementor-control-title">{{{ data.label }}}</label> <?php $this->print_units_template(); ?> <div class="elementor-control-input-wrapper elementor-clearfix"> <div class="elementor-slider"></div> <div class="elementor-slider-input"> <input id="<?php echo $control_uid; ?>" type="number" min="{{ data.min }}" max="{{ data.max }}" step="{{ data.step }}" data-setting="size" /> </div> </div> </div> <# if ( data.description ) { #> <div class="elementor-control-field-description">{{{ data.description }}}</div> <# } #> <?php } }