JezK
Edit File: shortcode-vc-pie.php
<?php /** * Configuration file for [vc_pie] shortcode of 'Pie Chart' element. * * @see https://kb.wpbakery.com/docs/inner-api/vc_map/ for more detailed information about element attributes. */ if ( ! defined( 'ABSPATH' ) ) { die( '-1' ); } return [ 'name' => esc_html__( 'Pie Chart', 'js_composer' ), 'base' => 'vc_pie', 'class' => '', 'icon' => 'icon-wpb-vc_pie', 'element_default_class' => 'wpb_content_element', 'category' => esc_html__( 'Content', 'js_composer' ), 'description' => esc_html__( 'Animated pie chart', 'js_composer' ), 'params' => [ [ 'type' => 'textfield', 'heading' => esc_html__( 'Widget title', 'js_composer' ), 'param_name' => 'title', 'description' => esc_html__( 'Enter text used as widget title (Note: located above content element).', 'js_composer' ), 'admin_label' => true, ], [ 'type' => 'textfield', 'heading' => esc_html__( 'Value', 'js_composer' ), 'param_name' => 'value', 'description' => esc_html__( 'Enter value for graph (Note: choose range from 0 to 100).', 'js_composer' ), 'value' => '50', 'admin_label' => true, ], [ 'type' => 'textfield', 'heading' => esc_html__( 'Label value', 'js_composer' ), 'param_name' => 'label_value', 'description' => esc_html__( 'Enter label for pie chart (Note: leaving empty will set value from "Value" field).', 'js_composer' ), 'value' => '', ], [ 'type' => 'textfield', 'heading' => esc_html__( 'Units', 'js_composer' ), 'param_name' => 'units', 'description' => esc_html__( 'Enter measurement units (Example: %, px, points, etc. Note: graph value and units will be appended to graph title).', 'js_composer' ), ], [ 'type' => 'dropdown', 'heading' => esc_html__( 'Color', 'js_composer' ), 'param_name' => 'color', 'value' => vc_get_shared( 'colors-dashed' ) + [ esc_html__( 'Custom', 'js_composer' ) => 'custom' ], 'description' => esc_html__( 'Select pie chart color.', 'js_composer' ), 'admin_label' => true, 'param_holder_class' => 'vc_colored-dropdown', 'std' => 'grey', ], [ 'type' => 'colorpicker', 'heading' => esc_html__( 'Custom color', 'js_composer' ), 'param_name' => 'custom_color', 'description' => esc_html__( 'Select custom color.', 'js_composer' ), 'default_colorpicker_color' => '#EBEBEB', 'dependency' => [ 'element' => 'color', 'value' => [ 'custom' ], ], ], vc_map_add_css_animation(), [ 'type' => 'el_id', 'heading' => esc_html__( 'Element ID', 'js_composer' ), 'param_name' => 'el_id', 'description' => sprintf( esc_html__( 'Enter element ID (Note: make sure it is unique and valid according to %1$sw3c specification%2$s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ), ], [ 'type' => 'textfield', 'heading' => esc_html__( 'Extra class name', 'js_composer' ), 'param_name' => 'el_class', 'description' => esc_html__( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer' ), ], [ 'type' => 'css_editor', 'heading' => esc_html__( 'CSS box', 'js_composer' ), 'param_name' => 'css', 'group' => esc_html__( 'Design Options', 'js_composer' ), 'value' => [ 'margin-bottom' => '35px', ], ], ], ];