Control_Section()
Elementor section control.
Description
A base control for creating section control. Displays a header that functions as a toggle to show or hide a set of controls.
Note: Do not use it directly, instead use $widget->start_controls_section() and $widget->end_controls_section() to wrap a set of controls.
Changelog
| Version | Description |
|---|---|
| 1.0.0 | Introduced. |
Methods
- content_template — Render section control output in the editor.
- get_default_settings — Get repeater control default settings.
- get_type — Get section control type.
Source
includes/controls/section.php
class Control_Section extends Base_UI_Control {
/**
* Retrieve section control type.
*
* @since 1.0.0
* @access public
*
* @return string Control type.
*/
public function get_type() {
return 'section';
}
/**
* Render section control output in the editor.
*
* Used to generate the control HTML in the editor using Underscore JS
* template. The variables for the class are available using `data` JS
* object.
*
* @since 1.0.0
* @access public
*/
public function content_template() {
?>
<div class="elementor-panel-heading">
<div class="elementor-panel-heading-toggle elementor-section-toggle" data-collapse_id="{{ data.name }}">
<i class="fa" aria-hidden="true"></i>
</div>
<div class="elementor-panel-heading-title elementor-section-title">{{{ data.label }}}</div>
</div>
<?php
}
/**
* Retrieve repeater control default settings.
*
* Get the default settings of the repeater control. Used to return the
* default settings while initializing the repeater control.
*
* @since 1.0.0
* @access protected
*
* @return array Control default settings.
*/
protected function get_default_settings() {
return [
'separator' => 'none',
];
}
}