Your IP : 216.73.216.0
<?php
/**
* Tab widget class
*
*/
use Elementor\Repeater;
use Elementor\Utils;
use Elementor\Control_Media;
use Elementor\Controls_Manager;
use Elementor\Group_Control_Border;
use Elementor\Group_Control_Box_Shadow;
use Elementor\Group_Control_Background;
use Elementor\Group_Control_Typography;
defined( 'ABSPATH' ) || die();
class Reactheme_Tab_Widget extends \Elementor\Widget_Base {
public function get_name() {
return 'rt-tab';
}
/**
* Get widget title.
*
* @since 1.0.0
* @access public
*
* @return string Widget title.
*/
public function get_title() {
return esc_html__( 'RT Tab', 'rtelements' );
}
/**
* Get widget icon.
*
* @since 1.0.0
* @access public
*
* @return string Widget icon.
*/
public function get_icon() {
return 'glyph-icon flaticon-tabs-1';
}
public function get_categories() {
return [ 'pielements_category' ];
}
public function get_keywords() {
return [ 'tab', 'vertical', 'icon', 'horizental' ];
}
protected function register_controls() {
$this->start_controls_section(
'section_tabs',
[
'label' => esc_html__( 'Tabs', 'rtelements' ),
]
);
$this->add_control(
'tab_style',
[
'label' => esc_html__( 'Select Tab Style', 'rtelements' ),
'type' => Controls_Manager::SELECT,
'default' => 'style1',
'options' => [
'style1' => esc_html__( 'Style 1', 'rtelements'),
'style2' => esc_html__( 'Style 2', 'rtelements'),
],
]
);
$repeater = new Repeater();
$repeater->add_control(
'tab_title',
[
'label' => esc_html__( 'Title & Description', 'rtelements' ),
'type' => Controls_Manager::TEXT,
'default' => esc_html__( 'Tab Title', 'rtelements' ),
'placeholder' => esc_html__( 'Tab Title', 'rtelements' ),
'label_block' => true,
]
);
$repeater->add_control(
'tab_content',
[
'label' => esc_html__( 'Content', 'rtelements' ),
'default' => esc_html__( 'Tab Content', 'rtelements' ),
'placeholder' => esc_html__( 'Tab Content', 'rtelements' ),
'type' => Controls_Manager::WYSIWYG,
'show_label' => false,
]
);
$repeater->add_control(
'btn_text',
[
'label' => esc_html__( 'Button Text', 'rtelements' ),
'type' => Controls_Manager::TEXT,
'label_block' => true,
]
);
$repeater->add_control(
'link',
[
'label' => esc_html__( 'Link', 'elementor' ),
'type' => Controls_Manager::URL,
'default' => [
'is_external' => 'true',
],
'dynamic' => [
'active' => true,
],
]
);
$this->add_control(
'tabs',
[
'label' => esc_html__( 'Tabs Items', 'rtelements' ),
'type' => Controls_Manager::REPEATER,
'fields' => $repeater->get_controls(),
'default' => [
[
'tab_title' => esc_html__( 'Tab #1', 'rtelements' ),
'tab_content' => esc_html__( 'Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.With thousands of Flash Components, Files and Templates, Star & Shield is the largest library of stock Flash online. Starting at just $2 and by a huge community.', 'rtelements' ),
],
[
'tab_title' => esc_html__( 'Tab #2', 'rtelements' ),
'tab_content' => esc_html__( 'Ohh your data click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.With thousands of Flash Components, Files and Templates, Star & Shield is the largest library of stock Flash online. Starting at just $2 and by a huge community.', 'rtelements' ),
],
[
'tab_title' => esc_html__( 'Tab #3', 'rtelements' ),
'tab_content' => esc_html__( 'You can Click edit/delete button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.With thousands of Flash Components, Files and Templates, Star & Shield is the largest library of stock Flash online. Starting at just $2 and by a huge community.', 'rtelements' ),
],
],
'title_field' => '{{{ tab_title }}}',
]
);
$this->add_control(
'view',
[
'label' => esc_html__( 'View', 'rtelements' ),
'type' => Controls_Manager::HIDDEN,
'default' => 'traditional',
]
);
$this->add_control(
'tabs_item_width',
[
'label' => esc_html__( 'Tab Menu Item Full', 'rtelements' ),
'type' => Controls_Manager::SELECT,
'default' => 'full_tab_item',
'options' => [
'full_tab_item' => esc_html__( 'Yes', 'rtelements' ),
'no_item_menu' => esc_html__( 'No', 'rtelements' ),
],
'separator' => 'before',
]
);
$this->add_responsive_control(
'menu_item_alignment',
[
'label' => esc_html__( 'Menu Alignment', 'rtelements' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'rtelements' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'rtelements' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => esc_html__( 'Right', 'rtelements' ),
'icon' => 'eicon-text-align-right',
],
],
'toggle' => true,
'selectors' => [
'{{WRAPPER}} .rstab-main.no_item_menu' => 'text-align: {{VALUE}}',
],
'condition' => [
'tabs_item_width' => 'no_item_menu',
],
]
);
$this->add_control(
'type',
[
'label' => esc_html__( 'Type', 'rtelements' ),
'type' => Controls_Manager::SELECT,
'default' => 'horizontal',
'options' => [
'horizontal' => esc_html__( 'Horizontal', 'rtelements' ),
'vertical' => esc_html__( 'Vertical', 'rtelements' ),
'bottom' => esc_html__( 'Bottom', 'rtelements' ),
],
'separator' => 'before',
]
);
$this->end_controls_section();
//start title styling
$this->start_controls_section(
'section_tabs_style',
[
'label' => esc_html__( 'Title', 'rtelements' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tab_typography',
'selector' => '{{WRAPPER}} .rstab-main ul.nav li a',
]
);
$this->add_control(
'navigation_width',
[
'label' => esc_html__( 'Navigation Width', 'rtelements' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 150,
'max' => 500,
'step' => 5,
],
'%' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'unit' => '%',
'size' => 150,
],
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li' => 'width: {{SIZE}}{{UNIT}}',
],
'condition' => [
'type' => 'vertical',
],
]
);
$this->add_responsive_control(
'tab_title_spacing_padding',
[
'label' => esc_html__( 'Padding', 'rtelements' ),
'type' => Controls_Manager::DIMENSIONS,
'range' => [
'px' => [
'max' => 100,
],
],
'default' => [
'size' => 10,
],
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'tab_title_spacing_margin',
[
'label' => esc_html__( 'Margin', 'rtelements' ),
'type' => Controls_Manager::DIMENSIONS,
'range' => [
'px' => [
'max' => 100,
],
],
'default' => [
'size' => 10,
],
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'tab_icon_bg_border',
'selector' => '{{WRAPPER}} .rstab-main ul.nav li a'
]
);
$this->add_control(
'tab_active_border_color',
[
'label' => esc_html__( 'Active Border Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a.active' => 'border-color: {{VALUE}};',
],
]
);
$this->add_responsive_control(
'tab_title_border_radius',
[
'label' => esc_html__( 'Border Radius', 'rtelements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
],
]
);
$this->add_responsive_control(
'align',
[
'label' => esc_html__( 'Title Alignment', 'rtelements' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'rtelements' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'rtelements' ),
'icon' => 'eicon-text-align-center',
],
'flex-end' => [
'title' => esc_html__( 'Right', 'rtelements' ),
'icon' => 'eicon-text-align-right',
],
],
'toggle' => true,
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a' => 'justify-content: {{VALUE}}',
]
]
);
$this->add_control(
'tab_design',
[
'label' => esc_html__( 'Design', 'rtelements' ),
'type' => Controls_Manager::SELECT,
'label_block' => false,
'options' => [
'basic' => esc_html__( 'Default', 'rtelements' ),
'bubble' => esc_html__( 'Bubble', 'rtelements' ),
],
'default' => 'basic',
]
);
$this->add_responsive_control(
'tab_bubble_position',
[
'label' => esc_html__( 'Bubble Position Horizontal', 'rtelements' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ '%' ],
'range' => [
'%' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a.active:after' => 'left: {{SIZE}}%;',
],
'condition' => [
'tab_design' => 'bubble',
'type' => 'horizontal'
]
]
);
$this->add_responsive_control(
'tab_bubble_position_vertical',
[
'label' => esc_html__( 'Bubble Position Vertical', 'rtelements' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ '%' ],
'range' => [
'%' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a.active:after' => 'top: {{SIZE}}%;',
],
'condition' => [
'tab_design' => 'bubble',
'type' => 'vertical'
]
]
);
$this->add_responsive_control(
'tab_title_area_padding',
[
'label' => esc_html__( 'Title Area Padding', 'rtelements' ),
'type' => Controls_Manager::DIMENSIONS,
'range' => [
'px' => [
'max' => 100,
],
],
'default' => [
'size' => 10,
],
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->start_controls_tabs( '_tabs_title_icon' );
$this->start_controls_tab(
'tab_icon_bg_normal_tab',
[
'label' => esc_html__( 'Normal', 'rtelements' ),
]
);
$this->add_control(
'tab_color',
[
'label' => esc_html__( 'Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rts-tab-style-one .button-area button' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'ti_menu_background_color',
[
'label' => esc_html__( 'Title Background Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'tmenu_background_full',
[
'label' => esc_html__( 'Title Area Background Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rstab-main' => 'background-color: {{VALUE}};',
],
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_icon_bg_hover_tab',
[
'label' => esc_html__( 'Active', 'rtelements' ),
]
);
$this->add_control(
'tab_active_color',
[
'label' => esc_html__( 'Active Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rts-tab-style-one .button-area button.active' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'ti_active_menu_background_color',
[
'label' => esc_html__( 'Title Active Background Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a.active' => 'background-color: {{VALUE}};',
'{{WRAPPER}} .rstab-main ul.nav li a:hover' => 'background-color: {{VALUE}};',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
//start icon styling
$this->start_controls_section(
'section_tabs_icon_style',
[
'label' => esc_html__( 'Icon/Image', 'rtelements' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'tab_icon_type',
[
'label' => esc_html__( 'Select Icon Type', 'rtelements' ),
'type' => Controls_Manager::SELECT,
'default' => 'icon',
'options' => [
'icon' => esc_html__( 'Icon', 'rtelements'),
'image' => esc_html__( 'Image', 'rtelements'),
],
'separator' => 'before',
]
);
$this->add_responsive_control(
'tab_icon_position',
[
'label' => esc_html__( 'Icon Position', 'rtelements' ),
'type' => Controls_Manager::SELECT,
'default' => 'left',
'options' => [
'left' => esc_html__( 'Left', 'rtelements' ),
'icon_top' => esc_html__( 'Top', 'rtelements' ),
],
'separator' => 'before',
]
);
$this->add_responsive_control(
'tab_icon_title_align',
[
'label' => esc_html__( 'Title/Icon Alignment', 'rtelements' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'rtelements' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'rtelements' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => esc_html__( 'Right', 'rtelements' ),
'icon' => 'eicon-text-align-right',
],
],
'toggle' => true,
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav.icon_top li a' => 'text-align: {{VALUE}}',
],
'condition' => [
'tab_icon_position' => 'icon_top'
]
]
);
$this->add_responsive_control(
'tab_icon_size',
[
'label' => esc_html__( 'Size', 'rtelements' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 10,
'max' => 300,
],
],
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a i' => 'font-size: {{SIZE}}{{UNIT}} !important;',
'{{WRAPPER}} .rstab-main ul.nav li a img' => 'width: {{SIZE}}{{UNIT}} !important;',
]
]
);
$this->add_responsive_control(
'tab_icon_spacing_padding',
[
'label' => esc_html__( 'Padding', 'rtelements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a i' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
'{{WRAPPER}} .rstab-main ul.nav li a img' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'tab_icon_spacing_maring',
[
'label' => esc_html__( 'Margin', 'rtelements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a i' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'tab_icon_border',
'selector' => '{{WRAPPER}} .rstab-main ul.nav li a i',
'selector' => '{{WRAPPER}} .rstab-main ul.nav li a img',
]
);
$this->add_responsive_control(
'tab_icon_border_radius',
[
'label' => esc_html__( 'Border Radius', 'rtelements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a i' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
'{{WRAPPER}} .rstab-main ul.nav li a img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
],
]
);
$this->add_control(
'tab_icon_color',
[
'label' => esc_html__( 'Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a i' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'tab_icon_active_color',
[
'label' => esc_html__( 'Active Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a.active i' => 'color: {{VALUE}};',
'{{WRAPPER}} .rstab-main ul.nav li a:hover i' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'background_icon_color',
[
'label' => esc_html__( 'Background Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a i' => 'background-color: {{VALUE}};',
'{{WRAPPER}} .rstab-main ul.nav li a img' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'icon_active_background_color',
[
'label' => esc_html__( 'Active Background Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rstab-main ul.nav li a.active i' => 'background-color: {{VALUE}};',
'{{WRAPPER}} .rstab-main ul.nav li a:hover i' => 'background-color: {{VALUE}};',
'{{WRAPPER}} .rstab-main ul.nav li a.active img' => 'background-color: {{VALUE}};',
'{{WRAPPER}} .rstab-main ul.nav li a:hover img' => 'background-color: {{VALUE}};',
],
]
);
$this->end_controls_section();
//start content styling
$this->start_controls_section(
'section_content_style',
[
'label' => esc_html__( 'Content', 'rtelements' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'content_color',
[
'label' => esc_html__( 'Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rstab-main .tab-content' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'content_typography',
'selector' => '{{WRAPPER}} .rstab-main .tab-content',
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'content_bg',
'selector' => '{{WRAPPER}} .rstab-main .tab-content',
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'content_bg_border',
'selector' => '{{WRAPPER}} .rstab-main .tab-content',
'separator' => 'before',
]
);
$this->add_control(
'content_icon_color',
[
'label' => esc_html__( 'List Icon Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rts-tab-style-one .tab-content .rts-tab-content-one ul li:before' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'button_color',
[
'label' => esc_html__( 'Button Bg', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rts-tab-style-one .tab-content .rts-tab-content-one a.rts-btn' => 'background: {{VALUE}};',
],
]
);
$this->add_control(
'button_text_color',
[
'label' => esc_html__( 'Button text Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rts-tab-style-one .tab-content .rts-tab-content-one a.rts-btn' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'button_color_hover',
[
'label' => esc_html__( 'Button Hover Bg', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rts-tab-style-one .tab-content .rts-tab-content-one a.rts-btn:hover' => 'background: {{VALUE}};',
],
]
);
$this->add_control(
'button_text_color_hover',
[
'label' => esc_html__( 'Button hover text Color', 'rtelements' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .rts-tab-style-one .tab-content .rts-tab-content-one a.rts-btn:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_responsive_control(
'tab_content_align',
[
'label' => esc_html__( 'Content Alignment', 'rtelements' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'rtelements' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'rtelements' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => esc_html__( 'Right', 'rtelements' ),
'icon' => 'eicon-text-align-right',
],
],
'separator' => 'before',
'toggle' => true,
'selectors' => [
'{{WRAPPER}} .rstab-main .tab-content' => 'text-align: {{VALUE}}'
]
]
);
$this->add_responsive_control(
'content_top_gap',
[
'label' => esc_html__( 'Content Top Gap', 'rtelements' ),
'type' => Controls_Manager::SLIDER,
'show_label' => true,
'separator' => 'before',
'range' => [
'px' => [
'max' => 100,
],
],
'default' => [
'size' => 0,
],
'separator' => 'before',
'selectors' => [
'{{WRAPPER}} .rstab-main .tab-content' => 'margin-top: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'content_padding',
[
'label' => esc_html__( 'Content Padding', 'rtelements' ),
'type' => Controls_Manager::SLIDER,
'show_label' => true,
'separator' => 'before',
'range' => [
'px' => [
'max' => 100,
],
],
'default' => [
'size' => 20,
],
'separator' => 'before',
'selectors' => [
'{{WRAPPER}} .rstab-main .tab-content' => 'padding: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'tab_content_border_radius',
[
'label' => esc_html__( 'Border Radius', 'rtelements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .rstab-main .tab-content' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
],
]
);
$this->end_controls_section();
}
/**
* Render tabs widget output on the frontend.
*
* Written in PHP and used to generate the final HTML.
*
* @since 1.0.0
* @access protected
*/
protected function render() {
$tabs = $this->get_settings_for_display('tabs');
$settings = $this->get_settings_for_display();
$id_int = substr( $this->get_id_int(), 0, 3 );
if('style2' == $settings['tab_style']){
require plugin_dir_path(__FILE__)."/style2.php";
}
else{
require plugin_dir_path(__FILE__)."/style1.php";
}
?>
<?php
}
}