start_controls_section( 'ma_el_section_weform', [ 'label' => esc_html__('Select weForm', 'master-addons' ) ] ); $this->add_control( 'wpuf_contact_form', [ 'label' => esc_html__('Select weForm', 'master-addons' ), 'description' => esc_html__('Please save and refresh the page after selecting the form', 'master-addons' ), 'label_block' => true, 'type' => Controls_Manager::SELECT, 'options' => Helper::jltma_el_get_weforms(), 'default' => '0', ] ); $this->end_controls_section(); // Help Docs section (links from config.php) $this->jltma_help_docs('weforms'); $this->upgrade_to_pro_message(); $this->start_controls_section( 'ma_weform_section_style', [ 'label' => esc_html__('Design Layout', 'master-addons' ), 'tab' => Controls_Manager::TAB_STYLE ] ); // Define default free options - Pro version overrides via filter $layout_style_options = apply_filters('master_addons/addons/weform/layout_style', [ '1' => __('Style One', 'master-addons'), '2' => __('Style Two', 'master-addons'), '3' => __('Style Three', 'master-addons'), '4' => __('Style Four', 'master-addons'), 'wef-pro-1' => __('Style Five (Pro)', 'master-addons'), 'wef-pro-2' => __('Style Six (Pro)', 'master-addons'), 'wef-pro-3' => __('Style Seven (Pro)', 'master-addons'), 'wef-pro-4' => __('Style Eight (Pro)', 'master-addons'), 'wef-pro-5' => __('Style Nine (Pro)', 'master-addons'), 'wef-pro-6' => __('Style Ten (Pro)', 'master-addons'), 'wef-pro-7' => __('Style Eleven (Pro)', 'master-addons'), ]); $this->add_control( 'ma_weform_layout_style', [ 'label' => __('Design Variations', 'master-addons'), 'type' => Controls_Manager::SELECT, 'default' => '1', 'options' => $layout_style_options, 'description' => Helper::upgrade_to_pro('10+ more Variations on'), ] ); $this->end_controls_section(); $this->start_controls_section( 'ma_el_section_weform_styles', [ 'label' => esc_html__('Form Container Styles', 'master-addons' ), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_control( 'ma_el_weform_background', [ 'label' => esc_html__('Form Background Color', 'master-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .jltma-weform-container' => 'background-color: {{VALUE}};', ], ] ); $this->add_responsive_control( 'ma_el_weform_alignment', [ 'label' => esc_html__('Form Alignment', 'master-addons' ), 'type' => Controls_Manager::CHOOSE, 'label_block' => true, 'options' => Helper::jltma_content_alignment(), 'default' => 'left', 'prefix_class' => 'jltma-contact-form-align-', ] ); $this->add_responsive_control( 'ma_el_weform_width', [ 'label' => esc_html__('Form Width', 'master-addons' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px', 'em', '%'], 'range' => [ 'px' => [ 'min' => 10, 'max' => 1500, ], 'em' => [ 'min' => 1, 'max' => 80, ], ], 'selectors' => [ '{{WRAPPER}} .jltma-weform-container' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ma_el_weform_max_width', [ 'label' => esc_html__('Form Max Width', 'master-addons' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px', 'em', '%'], 'range' => [ 'px' => [ 'min' => 10, 'max' => 1500, ], 'em' => [ 'min' => 1, 'max' => 80, ], ], 'selectors' => [ '{{WRAPPER}} .jltma-weform-container' => 'max-width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ma_el_weform_margin', [ 'label' => esc_html__('Form Margin', 'master-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .jltma-weform-container' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ma_el_weform_padding', [ 'label' => esc_html__('Form Padding', 'master-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .jltma-weform-container' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'ma_el_weform_border_radius', [ 'label' => esc_html__('Border Radius', 'master-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'separator' => 'before', 'size_units' => ['px'], 'selectors' => [ '{{WRAPPER}} .jltma-weform-container' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ma_el_weform_border', 'selector' => '{{WRAPPER}} .jltma-weform-container', ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'ma_el_weform_box_shadow', 'selector' => '{{WRAPPER}} .jltma-weform-container', ] ); $this->end_controls_section(); $this->start_controls_section( 'ma_el_section_weform_field_styles', [ 'label' => esc_html__('Form Fields Styles', 'master-addons' ), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_control( 'ma_el_weform_input_background', [ 'label' => esc_html__('Input Field Background', 'master-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="text"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="password"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="email"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="number"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields textarea' => 'background-color: {{VALUE}};', ], ] ); $this->add_responsive_control( 'ma_el_weform_input_width', [ 'label' => esc_html__('Input Width', 'master-addons' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px', 'em', '%'], 'range' => [ 'px' => [ 'min' => 10, 'max' => 1500, ], 'em' => [ 'min' => 1, 'max' => 80, ], ], 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="text"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="password"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="email"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="number"]' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ma_el_weform_textarea_width', [ 'label' => esc_html__('Textarea Width', 'master-addons' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px', 'em', '%'], 'range' => [ 'px' => [ 'min' => 10, 'max' => 1500, ], 'em' => [ 'min' => 1, 'max' => 80, ], ], 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields textarea' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ma_el_weform_input_padding', [ 'label' => esc_html__('Fields Padding', 'master-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="text"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="password"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="email"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="number"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields textarea' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'ma_el_weform_input_border_radius', [ 'label' => esc_html__('Border Radius', 'master-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'separator' => 'before', 'size_units' => ['px'], 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="text"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="password"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="email"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="number"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields textarea' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ma_el_weform_input_border', 'selector' => '{{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="text"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="password"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="email"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="number"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields textarea', ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'ma_el_weform_input_box_shadow', 'selector' => '{{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="text"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="password"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="email"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="number"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields textarea', ] ); $this->add_control( 'ma_el_weform_focus_heading', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__('Focus State Style', 'master-addons' ), 'separator' => 'before', ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'ma_el_weform_input_focus_box_shadow', 'selector' => '{{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="text"]:focus, {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="password"]: focus, {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="email"] : focus, {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"] : focus, {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"] : focus, {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="number"] : focus, {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields textarea : focus', ] ); $this->add_control( 'ma_el_weform_input_focus_border', [ 'label' => esc_html__('Border Color', 'master-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="text"]:focus, {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="password"]: focus, {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="email"] : focus, {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"] : focus, {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"] : focus, {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="number"] : focus, {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields textarea : focus' => 'border-color: {{VALUE}};', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'ma_el_section_weform_typography', [ 'label' => esc_html__('Color & Typography', 'master-addons' ), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_control( 'ma_el_weform_label_color', [ 'label' => esc_html__('Label Color', 'master-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .jltma-weform-container, {{WRAPPER}} .jltma-weform-container .wpuf-label label' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'ma_el_weform_field_color', [ 'label' => esc_html__('Field Font Color', 'master-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="text"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="password"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="email"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="number"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields textarea' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'ma_el_weform_placeholder_color', [ 'label' => esc_html__('Placeholder Font Color', 'master-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ::-webkit-input-placeholder' => 'color: {{VALUE}};', '{{WRAPPER}} .jltma-weform-container ::-moz-placeholder' => 'color: {{VALUE}};', '{{WRAPPER}} .jltma-weform-container ::-ms-input-placeholder' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'ma_el_weform_label_heading', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__('Label Typography', 'master-addons' ), 'separator' => 'before', ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ma_el_weform_label_typography', 'selector' => '{{WRAPPER}} .jltma-weform-container, {{WRAPPER}} .jltma-weform-container .wpuf-label label', ] ); $this->add_control( 'ma_el_weform_heading_input_field', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__('Input Fields Typography', 'master-addons' ), 'separator' => 'before', ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ma_el_weform_input_field_typography', 'selector' => '{{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="text"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="password"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="email"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="url"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields input[type="number"], {{WRAPPER}} .jltma-weform-container ul.wpuf-form li .wpuf-fields textarea', ] ); $this->end_controls_section(); $this->start_controls_section( 'ma_el_section_weform_submit_button_styles', [ 'label' => esc_html__('Submit Button Styles', 'master-addons' ), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_responsive_control( 'ma_el_weform_submit_btn_width', [ 'label' => esc_html__('Button Width', 'master-addons' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px', 'em', '%'], 'range' => [ 'px' => [ 'min' => 10, 'max' => 1500, ], 'em' => [ 'min' => 1, 'max' => 80, ], ], 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form .wpuf-submit input[type="submit"]' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ma_el_weform_submit_btn_alignment', [ 'label' => esc_html__('Button Alignment', 'master-addons' ), 'type' => Controls_Manager::CHOOSE, 'label_block' => true, 'options' => Helper::jltma_content_alignments(), 'default' => 'justify', 'prefix_class' => 'jltma-contact-form-btn-align-', ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ma_el_weform_submit_btn_typography', 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, ], 'selector' => '{{WRAPPER}} .jltma-weform-container ul.wpuf-form .wpuf-submit input[type="submit"]', ] ); $this->add_responsive_control( 'ma_el_weform_submit_btn_margin', [ 'label' => esc_html__('Margin', 'master-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form .wpuf-submit input[type="submit"]' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ma_el_weform_submit_btn_padding', [ 'label' => esc_html__('Padding', 'master-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form .wpuf-submit input[type="submit"]' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->start_controls_tabs('ma_el_weform_submit_button_tabs'); $this->start_controls_tab('normal', ['label' => esc_html__('Normal', 'master-addons' )]); $this->add_control( 'ma_el_weform_submit_btn_text_color', [ 'label' => esc_html__('Text Color', 'master-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form .wpuf-submit input[type="submit"]' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'ma_el_weform_submit_btn_background_color', [ 'label' => esc_html__('Background Color', 'master-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form .wpuf-submit input[type="submit"]' => 'background-color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ma_el_weform_submit_btn_border', 'selector' => '{{WRAPPER}} .jltma-weform-container ul.wpuf-form .wpuf-submit input[type="submit"]', ] ); $this->add_control( 'ma_el_weform_submit_btn_border_radius', [ 'label' => esc_html__('Border Radius', 'master-addons' ), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form .wpuf-submit input[type="submit"]' => 'border-radius: {{SIZE}}px;', ], ] ); $this->end_controls_tab(); $this->start_controls_tab('ma_el_weform_submit_btn_hover', ['label' => esc_html__('Hover', 'master-addons' )]); $this->add_control( 'ma_el_weform_submit_btn_hover_text_color', [ 'label' => esc_html__('Text Color', 'master-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form .wpuf-submit input[type="submit"]:hover' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'ma_el_weform_submit_btn_hover_background_color', [ 'label' => esc_html__('Background Color', 'master-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form .wpuf-submit input[type="submit"]:hover' => 'background-color: {{VALUE}};', ], ] ); $this->add_control( 'ma_el_weform_submit_btn_hover_border_color', [ 'label' => esc_html__('Border Color', 'master-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .jltma-weform-container ul.wpuf-form .wpuf-submit input[type="submit"]:hover' => 'border-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'ma_el_weform_submit_btn_box_shadow', 'selector' => '{{WRAPPER}} .jltma-weform-container ul.wpuf-form .wpuf-submit input[type="submit"]', ] ); $this->end_controls_section(); } protected function render() { $settings = $this->get_settings(); // if We Forms Missing if (!class_exists('WeForms')) { Helper::jltma_elementor_plugin_missing_notice(array( 'title' => esc_html__('weForms is Not Activated!', 'master-addons'), 'description' => esc_html__('To use this widget, please install and activate the "weForms" plugin.', 'master-addons'), )); return; } ?>