config['php_class'] = get_class($this); // element id $this->config['id'] = 'tabs_box'; // element name $this->config['name'] = __('Tabs', 'fusion-core'); // element icon $this->config['icon_url'] = "icons/sc-text_block.png"; // css class related to this element $this->config['css_class'] = "fusion_element_box"; // element icon class $this->config['icon_class'] = 'fusion-icon builder-options-icon fusiona-folder'; // tooltip that will be displyed upon mouse over the element //$this->config['tool_tip'] = 'Creates a Tabs Element'; // any special html data attribute (i.e. data-width) needs to be passed // drop_level: elements with higher drop level can be dropped in elements with lower drop_level, // i.e. element with drop_level = 2 can be dropped in element with drop_level = 0 or 1 only. $this->config['data'] = array("drop_level" => "4"); } // override default implemenation for this function as this element have special view public function create_visual_editor( $params ) { $innerHtml = '

'; $innerHtml .= '

_{'.__('Tabs', 'fusion-core').'}

tab title 1 here
tab, title 2 here
tab title 3 here

'; $innerHtml .= '

'; $this->config['innerHtml'] = $innerHtml; } //this function defines TextBlock sub elements or structure function popup_elements( $am_elements ) { $choices = Helper::get_shortcode_choices(); $am_array = array(); $am_array[] = array ( array("name" => __('Tab Title', 'fusion-core'), "desc" => __('Title of the tab', 'fusion-core'), "id" => "fusion_title[0]", "type" => ElementTypeEnum::INPUT, "value" => array("") ), array("name" => __('Select Icon', 'fusion-core'), "desc" => __('Display an icon next to tab title. Click an icon to select, click again to deselect.', 'fusion-core'), "id" => "fusion_icon[0]", "type" => ElementTypeEnum::ICON_BOX, "value" => array (""), "list" => Helper::GET_ICONS_LIST() ), array( "name" => __('Tab Content', 'fusion-core'), "desc" => __('Add the tabs content', 'fusion-core'), "id" => "fusion_content_wp[0]", "type" => ElementTypeEnum::HTML_EDITOR, "value" => array("Tab content") ), ); $this->config['defaults'] = $am_array[0]; if($am_elements) { $am_array_copy = $am_array[0]; $am_array = array(); foreach($am_elements as $key => $am_element) { $build_am = $am_array_copy; foreach($build_am as $build_am_key => $build_am_element) { $build_am[$build_am_key]['value'] = $am_elements[$key][$build_am_key]; $build_am[$build_am_key]['id'] = str_replace('[0]', '[' . $key . ']', $build_am_element['id']); } $am_array[] = $build_am; } } $this->config['subElements'] = array( array("name" => __('Design', 'fusion-core'), "desc" => __('Choose a design for the shortcode.', 'fusion-core'), "id" => "fusion_design", "type" => ElementTypeEnum::SELECT, "value" => array(""), "allowedValues" => array('classic' => __('Classic', 'fusion-core'), 'clean' => __('Clean', 'fusion-core')) ), array("name" => __('Layout', 'fusion-core'), "desc" => __('Choose the layout of the shortcode', 'fusion-core'), "id" => "fusion_layout", "type" => ElementTypeEnum::SELECT, "value" => "horizontal", "allowedValues" => array('horizontal' => __('Horizontal', 'fusion-core'), 'vertical' => __('Vertical', 'fusion-core')) ), array("name" => __('Justify Tabs', 'fusion-core'), "desc" => __('Choose to get tabs stretched over full shortcode width.', 'fusion-core'), "id" => "fusion_justified", "type" => ElementTypeEnum::SELECT, "value" => "", "allowedValues" => $choices ), array("name" => __('Background Color', 'fusion-core'), "desc" => __('Controls the background tab color. Leave blank for theme option selection.', 'fusion-core'), "id" => "fusion_backgroundcolor", "type" => ElementTypeEnum::COLOR, "value" => "" ), array("name" => __('Inactive Color', 'fusion-core'), "desc" => __('Controls the inactive tab color. Leave blank for theme option selection.', 'fusion-core'), "id" => "fusion_inactivecolor", "type" => ElementTypeEnum::COLOR, "value" => "" ), array("name" => __('Border Color', 'fusion-core'), "desc" => __('Controls the color of the outer tab border. Leave blank for theme option selection.', 'fusion-core'), "id" => "fusion_bordercolor", "type" => ElementTypeEnum::COLOR, "value" => "" ), array("name" => __('CSS Class', 'fusion-core'), "desc" => __('Add a class to the wrapping HTML element.', 'fusion-core'), "id" => "fusion_class", "type" => ElementTypeEnum::INPUT, "value" => "" ), array("name" => __('CSS ID', 'fusion-core'), "desc" => __('Add an ID to the wrapping HTML element.', 'fusion-core'), "id" => "fusion_id", "type" => ElementTypeEnum::INPUT, "value" => "" ), array("type" => ElementTypeEnum::ADDMORE, "buttonText" => __('Add New Tab', 'fusion-core'), "id" => "am_fusion_tab", "elements" => $am_array ), ); } }