public function controls()
{
$this->addControl('heading', 'text', __('Heading & Content', csl18n()), __('Text for your alert heading and content.', csl18n()), __('Alert Title', csl18n()));
$this->addControl('content', 'textarea', NULL, NULL, __('Click to inspect, then edit as needed.', csl18n()), array('expandable' => true));
$this->addControl('type', 'choose', __('Type', csl18n()), __('There are multiple alert types for different situations. Select the one that best suits your needs.', csl18n()), 'success', array('columns' => '5', 'choices' => array(array('value' => 'muted', 'tooltip' => __('Muted', csl18n()), 'icon' => fa_entity('ban')), array('value' => 'success', 'tooltip' => __('Success', csl18n()), 'icon' => fa_entity('check')), array('value' => 'info', 'tooltip' => __('Info', csl18n()), 'icon' => fa_entity('info')), array('value' => 'warning', 'tooltip' => __('Warning', csl18n()), 'icon' => fa_entity('exclamation-triangle')), array('value' => 'danger', 'tooltip' => __('Danger', csl18n()), 'icon' => fa_entity('exclamation-circle')))));
$this->addControl('close', 'toggle', __('Close Button', csl18n()), __('Enabling the close button will make the alert dismissible, allowing your users to remove it if desired.', csl18n()), false);
}
public function controls()
{
$this->addControl('image_style', 'select', __('Style', csl18n()), __('Select the image style.', csl18n()), 'none', array('choices' => array(array('value' => 'none', 'label' => __('None', csl18n())), array('value' => 'thumbnail', 'label' => __('Thumbnail', csl18n())), array('value' => 'rounded', 'label' => __('Rounded', csl18n())), array('value' => 'circle', 'label' => __('Circle', csl18n())))));
$this->addControl('src', 'image', __('Src', csl18n()), __('Enter your image.', csl18n()), '');
$this->addControl('alt', 'text', __('Alt', csl18n()), __('Enter in the alt text for your image', csl18n()), '');
$this->addControl('link', 'toggle', __('Link', csl18n()), __('Select to wrap your image in an anchor tag.', csl18n()), false);
$this->addSupport('link');
$this->addControl('info', 'select', __('Info', csl18n()), __('Select whether or not you want to add a popover or tooltip to your image.', csl18n()), 'none', array('choices' => array(array('value' => 'none', 'label' => __('None', csl18n())), array('value' => 'popover', 'label' => __('Popover', csl18n())), array('value' => 'tooltip', 'label' => __('Tooltip', csl18n())))), array('condition' => array('link' => true)));
$this->addControl('info_place', 'choose', __('Info Placement', csl18n()), __('Select where you want your popover or tooltip to appear.', csl18n()), 'top', array('columns' => '4', 'choices' => array(array('value' => 'top', 'icon' => fa_entity('arrow-up'), 'tooltip' => __('Top', csl18n())), array('value' => 'right', 'icon' => fa_entity('arrow-right'), 'tooltip' => __('Right', csl18n())), array('value' => 'bottom', 'icon' => fa_entity('arrow-down'), 'tooltip' => __('Bottom', csl18n())), array('value' => 'left', 'icon' => fa_entity('arrow-left'), 'tooltip' => __('Left', csl18n())))), array('condition' => array('link' => true, 'info' => array('popover', 'tooltip'))));
$this->addControl('info_trigger', 'select', __('Info Trigger', csl18n()), __('Select what actions you want to trigger the popover or tooltip.', csl18n()), 'hover', array('choices' => array(array('value' => 'hover', 'label' => __('Hover', csl18n())), array('value' => 'click', 'label' => __('Click', csl18n())), array('value' => 'focus', 'label' => __('Focus', csl18n()))), 'condition' => array('link' => true, 'info' => array('popover', 'tooltip'))));
$this->addControl('info_content', 'text', __('Info Content', csl18n()), __('Extra content for the popover.', csl18n()), '', array('condition' => array('link' => true, 'info' => array('popover', 'tooltip'))));
// $this->addControl(
// 'lightbox_thumb',
// 'image',
// __( 'Lightbox Thumbnail', csl18n() ),
// __( 'Use this option to select a different thumbnail for your lightbox thumbnail navigation or to set an image if you are linking out to a video. Will default to the "Src" image if nothing is set.', csl18n() ),
// ''
// );
// $this->addControl(
// 'lightbox_video',
// 'toggle',
// __( 'Lightbox Video', csl18n() ),
// __( 'Select if you are linking to a video from this image in the lightbox.', csl18n() ),
// false
// );
// $this->addControl(
// 'lightbox_caption',
// 'text',
// __( 'Lightbox Caption', csl18n() ),
// __( 'Lightbox caption text.', csl18n() ),
// ''
// );
}
public function controls()
{
$this->addControl('bg_color', 'color', __('Background Color', csl18n()), __('Select the background color of your Column.', csl18n()), '');
$this->addControl('padding', 'dimensions', __('Padding', csl18n()), __('Specify a custom padding for each side of this element. Can accept CSS units like px, ems, and % (default unit is px).', csl18n()), array('0px', '0px', '0px', '0px', 'linked'));
$this->addSupport('border');
$this->addControl('fade', 'toggle', __('Enable Fade Effect', csl18n()), __('Activating will make this column fade into view when the user scrolls to it for the first time.', csl18n()), false);
$this->addControl('fade_animation', 'choose', __('Fade Direction', csl18n()), __('Choose a direction to fade from. "None" will allow the column to fade in without coming from a particular direction.', csl18n()), 'in', array('condition' => array('fade' => true), 'columns' => '5', 'choices' => array(array('value' => 'in', 'tooltip' => __('None', csl18n()), 'icon' => fa_entity('ban')), array('value' => 'in-from-bottom', 'tooltip' => __('Top', csl18n()), 'icon' => fa_entity('arrow-up')), array('value' => 'in-from-left', 'tooltip' => __('Right', csl18n()), 'icon' => fa_entity('arrow-right')), array('value' => 'in-from-top', 'tooltip' => __('Bottom', csl18n()), 'icon' => fa_entity('arrow-down')), array('value' => 'in-from-right', 'tooltip' => __('Left', csl18n()), 'icon' => fa_entity('arrow-left')))));
$this->addControl('fade_animation_offset', 'text', __('Offset', csl18n()), __('Determines how drastic the fade effect will be.', csl18n()), '45px', array('condition' => array('fade' => true, 'fade_animation' => array('in-from-top', 'in-from-left', 'in-from-right', 'in-from-bottom'))));
}
public function controls()
{
$this->addControl('heading', 'text', __('Title & Content', csl18n()), __('Enter the title and content for your Prompt.', csl18n()), __('Prompt Title', csl18n()));
$this->addControl('message', 'textarea', NULL, NULL, __('This is where the main content for your Prompt can go.', csl18n()), array('expandable' => __('Content', csl18n())));
$this->addControl('button_text', 'text', __('Button Text', csl18n()), __('Enter the text for your Prompt button.', csl18n()), __('Click Me!', csl18n()));
$this->addControl('button_icon', 'icon-choose', __('Button Icon', csl18n()), __('Optionally enter the button icon.', csl18n()), 'lightbulb-o');
$this->addControl('circle', 'toggle', __('Marketing Circle', csl18n()), __('Select to include a marketing circle around your button', csl18n()), false);
$this->addSupport('link');
$this->addControl('align', 'choose', __('Alignment', csl18n()), __('Select the alignment of your Prompt.', csl18n()), 'left', array('columns' => '2', 'choices' => array(array('value' => 'left', 'label' => __('Left', csl18n()), 'icon' => fa_entity('align-left')), array('value' => 'right', 'label' => __('Right', csl18n()), 'icon' => fa_entity('align-right')))));
}
public function controls()
{
$this->addControl('heading', 'text', __('Title & Message', csl18n()), __('Enter the title and message for your Callout below.', csl18n()), __('Callout Title', csl18n()));
$this->addControl('message', 'textarea', NULL, NULL, __('The message text for your Callout goes here.', csl18n()), array('expandable' => __('Message', csl18n())));
$this->addControl('button_text', 'text', __('Button Text', csl18n()), __('Enter the text for your Callout button.', csl18n()), __('Enter Your Text', csl18n()));
$this->addControl('button_icon', 'icon-choose', __('Button Icon', csl18n()), __('Optionally enter the button icon.', csl18n()), 'lightbulb-o');
$this->addControl('circle', 'toggle', __('Marketing Circle', csl18n()), __('Select to include a marketing circle around your button.', csl18n()), false);
$this->addSupport('link');
$this->addControl('type', 'choose', __('Alignment', csl18n()), __('Select the alignment for your Callout.', csl18n()), 'left', array('columns' => '3', 'choices' => array(array('value' => 'left', 'tooltip' => __('Left', csl18n()), 'icon' => fa_entity('align-left')), array('value' => 'center', 'tooltip' => __('Center', csl18n()), 'icon' => fa_entity('align-center')), array('value' => 'right', 'tooltip' => __('Right', csl18n()), 'icon' => fa_entity('align-right')))));
}
public function controls()
{
$this->addControl('image_style', 'select', __('Style', csl18n()), __('Select the image style.', csl18n()), 'none', array('choices' => array(array('value' => 'none', 'label' => __('None', csl18n())), array('value' => 'thumbnail', 'label' => __('Thumbnail', csl18n())), array('value' => 'rounded', 'label' => __('Rounded', csl18n())), array('value' => 'circle', 'label' => __('Circle', csl18n())))));
$this->addControl('src', 'image', __('Src', csl18n()), __('Enter your image.', csl18n()), '');
$this->addControl('alt', 'text', __('Alt', csl18n()), __('Enter in the alt text for your image', csl18n()), '');
$this->addControl('link', 'toggle', __('Link', csl18n()), __('Select to wrap your image in an anchor tag.', csl18n()), false);
$this->addSupport('link');
$this->addControl('info', 'select', __('Info', csl18n()), __('Select whether or not you want to add a popover or tooltip to your image.', csl18n()), 'none', array('choices' => array(array('value' => 'none', 'label' => __('None', csl18n())), array('value' => 'popover', 'label' => __('Popover', csl18n())), array('value' => 'tooltip', 'label' => __('Tooltip', csl18n())))), array('condition' => array('link' => true)));
$this->addControl('info_place', 'choose', __('Info Placement', csl18n()), __('Select where you want your popover or tooltip to appear.', csl18n()), 'top', array('columns' => '4', 'choices' => array(array('value' => 'top', 'icon' => fa_entity('arrow-up'), 'tooltip' => __('Top', csl18n())), array('value' => 'right', 'icon' => fa_entity('arrow-right'), 'tooltip' => __('Right', csl18n())), array('value' => 'bottom', 'icon' => fa_entity('arrow-down'), 'tooltip' => __('Bottom', csl18n())), array('value' => 'left', 'icon' => fa_entity('arrow-left'), 'tooltip' => __('Left', csl18n())))), array('condition' => array('link' => true, 'info' => array('popover', 'tooltip'))));
$this->addControl('info_trigger', 'select', __('Info Trigger', csl18n()), __('Select what actions you want to trigger the popover or tooltip.', csl18n()), 'hover', array('choices' => array(array('value' => 'hover', 'label' => __('Hover', csl18n())), array('value' => 'click', 'label' => __('Click', csl18n())), array('value' => 'focus', 'label' => __('Focus', csl18n()))), 'condition' => array('link' => true, 'info' => array('popover', 'tooltip'))));
$this->addControl('info_content', 'text', __('Info Content', csl18n()), __('Extra content for the popover.', csl18n()), '', array('condition' => array('link' => true, 'info' => array('popover', 'tooltip'))));
}
public function controls()
{
$this->addControl('selector', 'text', __('Selector', csl18n()), __('Enter in the selector for your images (e.g. if your class is "my-img" enter ".my-img"). Set to ".x-img-link" to automatically setup a lightbox for all linked [image] shortcodes on your page.', csl18n()), '.x-img-link');
$this->addControl('deeplink', 'toggle', __('Deeplink', csl18n()), __('Select to activate deeplinking (creates unique link for each image).', csl18n()), false);
$this->addControl('opacity', 'text', __('Backdrop Opacity', csl18n()), __('Enter in the opacity for the backdrop (valid inputs are numbers 0 to 1).', csl18n()), '0.875');
$this->addControl('prev_scale', 'text', __('Previous Item Scale', csl18n()), __('Enter in the scale for the previous item (valid inputs are numbers 0 to 1).', csl18n()), '0.75');
$this->addControl('prev_opacity', 'text', __('Previous Item Opacity', csl18n()), __('Enter in the opacity for the previous item (valid inputs are numbers 0 to 1).', csl18n()), '0.75');
$this->addControl('next_scale', 'text', __('Next Item Scale', csl18n()), __('Enter in the scale for the next item (valid inputs are numbers 0 to 1).', csl18n()), '0.75');
$this->addControl('next_opacity', 'text', __('Next Item Opacity', csl18n()), __('Enter in the opacity for the next item (valid inputs are numbers 0 to 1).', csl18n()), '0.75');
$this->addControl('thumbnails', 'toggle', __('Thumbnails', csl18n()), __('Select to activate thumbnail navigation.', csl18n()), false);
$this->addControl('orientation', 'choose', __('Orientation', csl18n()), __('Select the orientation of your lightbox.', csl18n()), 'horizontal', array('columns' => '2', 'choices' => array(array('value' => 'horizontal', 'label' => __('Horizontal', csl18n()), 'icon' => fa_entity('arrows-h')), array('value' => 'vertical', 'label' => __('Vertical', csl18n()), 'icon' => fa_entity('arrows-v')))));
}
public function controls()
{
//
// General.
//
$this->addControl('animation', 'choose', __('Flip Direction', csl18n()), __('Specify the animation you would like to use for you Card while it flips.', csl18n()), 'flip-from-top', array('columns' => '4', 'choices' => array(array('value' => 'flip-from-bottom', 'icon' => fa_entity('arrow-up')), array('value' => 'flip-from-left', 'icon' => fa_entity('arrow-right')), array('value' => 'flip-from-top', 'icon' => fa_entity('arrow-down')), array('value' => 'flip-from-right', 'icon' => fa_entity('arrow-left')))));
$this->addControl('center_vertically', 'toggle', __('Center Vertically', csl18n()), __('Enabling this control ensures that all of your content is centered vertically in the Card.', csl18n()), true);
$this->addControl('card_padding', 'dimensions', __('Padding', csl18n()), __('Specify the padding you would like to use for both sides of your Card.', csl18n()), array('10%', '10%', '10%', '10%', 'linked'));
//
// Front text.
//
$this->addControl('front_title', 'text', __('Front Title & Content', csl18n()), __('Specify the title and content for the front of your Card.', csl18n()), __('Front Title', csl18n()));
$this->addControl('front_text', 'textarea', NULL, NULL, __('This is the content for the front of your Card. You can put anything you like here! Make sure it's something not too long though. As Shakespeare once said, “Brevity is the soul of wit.”', csl18n()), array('expandable' => __('Content', csl18n())));
//
// Front style.
//
$this->addSupport('border', array('name' => 'front_border_style', 'controlTitle' => __('Front Border', csl18n()), 'defaultValue' => 'solid'), array('name' => 'front_border_color', 'defaultValue' => '#2772a4', 'options' => array('condition' => array('front_border_style:not' => 'none'))), array('name' => 'front_border_width', 'defaultValue' => array('8px', '8px', '8px', '8px', 'linked'), 'options' => array('condition' => array('front_border_style:not' => 'none'))));
$this->addControl('front_color', 'color', __('Front Text Color', csl18n()), __('Select the text color for the front of your Card.', csl18n()), '#ffffff');
$this->addControl('front_bg_color', 'color', __('Front Background Color', csl18n()), __('Select the background color for the front of your Card.', csl18n()), '#3498db');
$this->addControl('front_graphic', 'select', __('Front Graphic', csl18n()), __('Choose between an icon and a custom image for your front graphic.', csl18n()), 'icon', array('columns' => '2', 'choices' => array(array('value' => 'icon', 'label' => __('Icon', csl18n())), array('value' => 'image', 'label' => __('Image', csl18n())))));
//
// Front icon.
//
$this->addControl('front_icon', 'icon-choose', __('Icon', csl18n()), __('Specify the icon you would like to use for your Card.', csl18n()), 'ship', array('condition' => array('front_graphic' => 'icon')));
$this->addControl('front_icon_size', 'text', __('Icon Size', csl18n()), __('Specify the size of your icon.', csl18n()), '36px', array('condition' => array('front_graphic' => 'icon')));
$this->addControl('front_icon_color', 'color', __('Icon Color', csl18n()), __('Specify the color of your icon.', csl18n()), '#99cbed', array('condition' => array('front_graphic' => 'icon')));
//
// Front image.
//
$this->addControl('front_image', 'image', __('Image', csl18n()), __('Specify the image you would like to use for your Card.', csl18n()), '', array('condition' => array('front_graphic' => 'image')));
$this->addControl('front_image_width', 'text', __('Image Width', csl18n()), __('Specify the width of your image.', csl18n()), '100px', array('condition' => array('front_graphic' => 'image')));
//
// Back text.
//
$this->addControl('back_title', 'text', __('Back Title & Content', csl18n()), __('Specify the title and content for the back of your Card.', csl18n()), __('Back Title', csl18n()));
$this->addControl('back_text', 'textarea', NULL, NULL, __('This is the content for the back of your Card.', csl18n()), array('expandable' => __('Content', csl18n())));
//
// Back style.
//
$this->addSupport('border', array('name' => 'back_border_style', 'controlTitle' => __('Back Border', csl18n()), 'defaultValue' => 'solid'), array('name' => 'back_border_color', 'defaultValue' => '#744288', 'options' => array('condition' => array('back_border_style:not' => 'none'))), array('name' => 'back_border_width', 'defaultValue' => array('8px', '8px', '8px', '8px', 'linked'), 'options' => array('condition' => array('back_border_style:not' => 'none'))));
$this->addControl('back_color', 'color', __('Back Text Color', csl18n()), __('Select the text color for the back of your Card.', csl18n()), '#ffffff');
$this->addControl('back_bg_color', 'color', __('Back Background Color', csl18n()), __('Select the background color for the back of your Card.', csl18n()), '#9b59b6');
//
// Back button.
//
$this->addControl('back_button_enabled', 'toggle', __('Back Button', csl18n()), __('This will show a button on the back of the card, which you can link anywhere you like.', csl18n()), true);
$this->addControl('back_button_text', 'text', __('Back Button Text', csl18n()), __('Specify the title and content for the back of your Card.', csl18n()), __('Click Me!', csl18n()), array('condition' => array('back_button_enabled' => true)));
$this->addControl('back_button_link', 'text', __('Back Button Link', csl18n()), __('Specify the URL for the button on the back of your Card.', csl18n()), '#', array('condition' => array('back_button_enabled' => true)));
$this->addControl('back_button_color', 'color', __('Back Button Text Color', csl18n()), __('Select the text color for button on the back of your Card.', csl18n()), '#ffffff', array('condition' => array('back_button_enabled' => true)));
$this->addControl('back_button_bg_color', 'color', __('Back Button Background Color', csl18n()), __('Select the background color for button on the back of your Card.', csl18n()), '#744288', array('condition' => array('back_button_enabled' => true)));
}
public function controls()
{
$this->addControl('bg_type', 'choose', __('Background Type', csl18n()), __('Configure the background appearance for this Section.', csl18n()), 'none', array('columns' => '4', 'choices' => array(array('value' => 'none', 'icon' => fa_entity('ban'), 'tooltip' => __('None', csl18n())), array('value' => 'color', 'icon' => fa_entity('eyedropper'), 'tooltip' => __('Color', csl18n())), array('value' => 'image', 'icon' => fa_entity('image'), 'tooltip' => __('Image', csl18n())), array('value' => 'video', 'icon' => fa_entity('film'), 'tooltip' => __('Video', csl18n())))));
$this->addControl('bg_color', 'color', __('Background Color', csl18n()), __('Select the background color of your Section.', csl18n()), '', array('condition' => array('bg_type' => 'color')));
$this->addControl('bg_image', 'image', __('Background Pattern', csl18n()), __('Background patterns will tile and repeat across your Section.', csl18n()), '', array('condition' => array('bg_type' => 'image', 'bg_pattern_toggle' => true)));
$this->addControl('bg_image', 'image', __('Background Image', csl18n()), __('Background images are resized to fill the entire Section, regardless of screen size. Keep this in mind when using images that are already cropped.', csl18n()), '', array('condition' => array('bg_type' => 'image', 'bg_pattern_toggle' => false)));
$this->addControl('bg_pattern_toggle', 'toggle', __('Pattern', csl18n()), __('Switch how the image is applied to the background.', csl18n()), false, array('condition' => array('bg_type' => 'image')));
$this->addControl('parallax', 'toggle', __('Parallax', csl18n()), __('Activates the parallax effect with background patterns and images.', csl18n()), false, array('condition' => array('bg_type' => 'image')));
$this->addControl('bg_video', 'text', __('Background Video URL & Poster', csl18n()), __('Include your video URL(s) here. If using multiple sources, separate them using the pipe character (|) and place fallbacks towards the end (i.e. .webm then .mp4 then .ogv). For performance reasons, videos are not loaded into the editor but are shown live.', csl18n()), '', array('condition' => array('bg_type' => 'video'), 'expandable' => false, 'placeholder' => home_url(__('video.mp4', csl18n()))));
$this->addControl('bg_video_poster', 'image', NULL, NULL, '', array('condition' => array('bg_type' => 'video')));
$this->addControl('margin', 'dimensions', __('Margin', csl18n()), __('Specify the margins for your Section utilizing the controls below. For most situations you will likely want no margin. Can accept CSS units like px, ems, and % (default unit is px).', csl18n()), array('0px', '0px', '0px', '0px', 'unlinked'));
$this->addControl('padding', 'dimensions', __('Padding', csl18n()), __('Specify a custom padding for each side of this element. Can accept CSS units like px, ems, and % (default unit is px).', csl18n()), array('45px', '0px', '45px', '0px', 'unlinked'));
$this->addSupport('border');
}
public function controls()
{
$this->addControl('alt_padding', 'dimensions', __('Padding', csl18n()), __('Specify the padding you would like to use for your Creative CTA.', csl18n()), array('25px', '25px', '25px', '25px', 'linked'));
$this->addControl('text', 'text', __('Text', csl18n()), __('Specify the text for your Creative CTA.', csl18n()), __('Click Here<br>To Learn More!', csl18n()));
$this->addControl('font_size', 'text', __('Text Size', csl18n()), __('Specify the size of your text.', csl18n()), '36px');
$this->addControl('graphic', 'select', __('Graphic', csl18n()), __('Choose between an icon and a custom image for your graphic.', csl18n()), 'icon', array('columns' => '2', 'choices' => array(array('value' => 'icon', 'label' => __('Icon', csl18n())), array('value' => 'image', 'label' => __('Image', csl18n())))));
$this->addControl('icon_type', 'icon-choose', __('Icon', csl18n()), __('Specify the icon you would like to use for your Creative CTA.', csl18n()), 'lightbulb-o', array('condition' => array('graphic' => 'icon')));
$this->addControl('icon_size', 'text', __('Icon Size', csl18n()), __('Specify the size of your icon.', csl18n()), '48px', array('condition' => array('graphic' => 'icon')));
$this->addControl('image', 'image', __('Image', csl18n()), __('Specify the image you would like to use for your Creative CTA.', csl18n()), '', array('condition' => array('graphic' => 'image')));
$this->addControl('image_width', 'text', __('Image Width', csl18n()), __('Specify the width of your image.', csl18n()), '100px', array('condition' => array('graphic' => 'image')));
$this->addControl('animation', 'choose', __('Animation', csl18n()), __('Specify the animation you would like to use for you Creative CTA.', csl18n()), 'slide-top', array('columns' => '4', 'choices' => array(array('value' => 'slide-top', 'icon' => fa_entity('arrow-up')), array('value' => 'slide-right', 'icon' => fa_entity('arrow-right')), array('value' => 'slide-bottom', 'icon' => fa_entity('arrow-down')), array('value' => 'slide-left', 'icon' => fa_entity('arrow-left')))));
$this->addControl('link', 'text', __('Link', csl18n()), __('Specify the URL for your Creative CTA.', csl18n()), '#');
$this->addControl('color', 'color', __('Text Color', csl18n()), __('Select the text color for your Creative CTA.', csl18n()), '');
$this->addControl('bg_color', 'color', __('Background Color', csl18n()), __('Select the background color for your Creative CTA.', csl18n()), '');
$this->addControl('bg_color_hover', 'color', __('Background Color Hover', csl18n()), __('Select the background color hover for your Creative CTA.', csl18n()), '');
}
public function controls()
{
$allowed_post_types = apply_filters('cs_recent_posts_post_types', array('post' => 'post'));
if (count($allowed_post_types) > 1) {
$choices = array();
foreach ($allowed_post_types as $key => $value) {
$obj = get_post_type_object($value);
$choices[] = array('value' => $key, 'label' => $obj->labels->name);
}
$this->addControl('post_type', 'select', __('Post Type', csl18n()), __('Choose between standard posts or portfolio posts.', csl18n()), 'post', array('choices' => $choices));
}
$this->addControl('count', 'select', __('Post Count', csl18n()), __('Select how many posts to display.', csl18n()), '2', array('choices' => array(array('value' => '1', 'label' => __('1', csl18n())), array('value' => '2', 'label' => __('2', csl18n())), array('value' => '3', 'label' => __('3', csl18n())), array('value' => '4', 'label' => __('4', csl18n())))));
$this->addControl('offset', 'text', __('Offset', csl18n()), __('Enter a number to offset initial starting post of your Recent Posts.', csl18n()), '');
$this->addControl('category', 'text', __('Category', csl18n()), __('To filter your posts by category, enter in the slug of your desired category. To filter by multiple categories, enter in your slugs separated by a comma.', csl18n()), '');
$this->addControl('orientation', 'choose', __('Orientation', csl18n()), __('Select the orientation or your Recent Posts.', csl18n()), 'horizontal', array('columns' => '2', 'choices' => array(array('value' => 'horizontal', 'label' => __('Horizontal', csl18n()), 'icon' => fa_entity('arrows-h')), array('value' => 'vertical', 'label' => __('Vertical', csl18n()), 'icon' => fa_entity('arrows-v')))));
$this->addControl('no_image', 'toggle', __('Remove Featured Image', csl18n()), __('Select to remove the featured image.', csl18n()), false);
$this->addControl('fade', 'toggle', __('Fade Effect', csl18n()), __('Select to activate the fade effect.', csl18n()), false);
}
public function controls()
{
$this->addControl('content', 'text', __('Text', csl18n()), __('Enter your text.', csl18n()), __('Click Me!', csl18n()));
$this->addSupport('link');
$this->addControl('type', 'select', __('Type', csl18n()), __('Select the button type.', csl18n()), 'global', array('choices' => array(array('value' => 'global', 'label' => __('– Global Setting –', csl18n())), array('value' => 'real', 'label' => __('Real', csl18n())), array('value' => 'flat', 'label' => __('Flat', csl18n())), array('value' => 'transparent', 'label' => __('Transparent', csl18n())))));
$this->addControl('shape', 'select', __('Shape', csl18n()), __('Select the button shape.', csl18n()), 'global', array('choices' => array(array('value' => 'global', 'label' => __('– Global Setting –', csl18n())), array('value' => 'square', 'label' => __('Square', csl18n())), array('value' => 'rounded', 'label' => __('Rounded', csl18n())), array('value' => 'pill', 'label' => __('Pill', csl18n())))));
$this->addControl('button_size', 'select', __('Size', csl18n()), __('Select the button size.', csl18n()), 'large', array('choices' => array(array('value' => 'mini', 'label' => __('Mini', csl18n())), array('value' => 'small', 'label' => __('Small', csl18n())), array('value' => 'regular', 'label' => __('Regular', csl18n())), array('value' => 'large', 'label' => __('Large', csl18n())), array('value' => 'x-large', 'label' => __('X-Large', csl18n())), array('value' => 'jumbo', 'label' => __('Jumbo', csl18n()))), 'offState' => 'notreallyno'));
$this->addControl('block', 'toggle', __('Block', csl18n()), __('Select to make your button go fullwidth.', csl18n()), false);
$this->addControl('circle', 'toggle', __('Marketing Circle', csl18n()), __('Select to include a marketing circle around your button.', csl18n()), false);
$this->addControl('icon_toggle', 'toggle', __('Enable Icon', csl18n()), __('Select if you would like to add an icon to your button', csl18n()), false);
$this->addControl('icon_placement', 'choose', __('Icon Placement', csl18n()), __('Place the icon before or after the button text, or even override the button text.', csl18n()), 'before', array('condition' => array('icon_toggle' => true), 'columns' => '3', 'choices' => array(array('value' => 'notext', 'label' => __('Icon Only', csl18n()), 'icon' => fa_entity('ban')), array('value' => 'before', 'label' => __('Before', csl18n()), 'icon' => fa_entity('arrow-left')), array('value' => 'after', 'label' => __('After', csl18n()), 'icon' => fa_entity('arrow-right')))));
$this->addControl('icon_type', 'icon-choose', __('Icon', csl18n()), __('Icon to be displayed inside your button.', csl18n()), 'lightbulb-o', array('condition' => array('icon_toggle' => true)));
$this->addControl('info', 'select', __('Info', csl18n()), __('Select whether or not you want to add a popover or tooltip to your button.', csl18n()), 'none', array('choices' => array(array('value' => 'none', 'label' => __('None', csl18n())), array('value' => 'popover', 'label' => __('Popover', csl18n())), array('value' => 'tooltip', 'label' => __('Tooltip', csl18n())))));
$this->addControl('info_place', 'choose', __('Info Placement', csl18n()), __('Select where you want your popover or tooltip to appear.', csl18n()), 'top', array('columns' => '4', 'choices' => array(array('value' => 'top', 'icon' => fa_entity('arrow-up'), 'tooltip' => __('Top', csl18n())), array('value' => 'right', 'icon' => fa_entity('arrow-right'), 'tooltip' => __('Right', csl18n())), array('value' => 'bottom', 'icon' => fa_entity('arrow-down'), 'tooltip' => __('Bottom', csl18n())), array('value' => 'left', 'icon' => fa_entity('arrow-left'), 'tooltip' => __('Left', csl18n()))), 'condition' => array('info' => array('popover', 'tooltip'))));
$this->addControl('info_trigger', 'select', __('Info Trigger', csl18n()), __('Select what actions you want to trigger the popover or tooltip.', csl18n()), 'hover', array('choices' => array(array('value' => 'hover', 'label' => __('Hover', csl18n())), array('value' => 'click', 'label' => __('Click', csl18n())), array('value' => 'focus', 'label' => __('Focus', csl18n()))), 'condition' => array('info' => array('popover', 'tooltip'))));
$this->addControl('info_content', 'text', __('Info Content', csl18n()), __('Extra content for the popover.', csl18n()), '', array('condition' => array('info' => array('popover', 'tooltip'))));
// $this->addControl(
// 'lightbox_thumb',
// 'image',
// __( 'Lightbox Thumbnail', csl18n() ),
// __( 'Use this option to select a thumbnail for your lightbox thumbnail navigation or to set an image if you are linking out to a video.', csl18n() ),
// ''
// );
// $this->addControl(
// 'lightbox_video',
// 'toggle',
// __( 'Lightbox Video', csl18n() ),
// __( 'Select if you are linking to a video from this button in the lightbox.', csl18n() ),
// false
// );
// $this->addControl(
// 'lightbox_caption',
// 'text',
// __( 'Lightbox Caption', csl18n() ),
// __( 'Lightbox caption text.', csl18n() ),
// ''
// );
}
public function controls()
{
$this->addControl('content', 'textarea', __('Quote & Citation', csl18n()), __('Enter your quote in the textarea below. If you want to cite your quote, you can place that in the input following the textarea.', csl18n()), __('Input your quotation here. Also, you can cite your quotes if you would like.', csl18n()), array('expandable' => __('Quote', csl18n())));
$this->addControl('cite', 'text', NULL, NULL, __('Mr. WordPress', csl18n()));
$this->addControl('align', 'choose', __('Alignment', csl18n()), __('Select the alignment of the blockquote.', csl18n()), 'left', array('columns' => '3', 'choices' => array(array('value' => 'left', 'tooltip' => __('Left', csl18n()), 'icon' => fa_entity('align-left')), array('value' => 'center', 'tooltip' => __('Center', csl18n()), 'icon' => fa_entity('align-center')), array('value' => 'right', 'tooltip' => __('Right', csl18n()), 'icon' => fa_entity('align-right')))));
}
<?php
/**
* Element Controls
*/
global $wpdb;
global $table_name_imap;
$iwm_maps_created = $wpdb->get_results("SELECT * FROM {$table_name_imap}", ARRAY_A);
if (count($iwm_maps_created) == 0) {
$iwm_maps = array(array('value' => '', 'label' => __('-- Please create a map first --', 'iwm')));
} else {
$iwm_maps = array(array('value' => '', 'label' => __('-- Please Select --', 'iwm')));
}
foreach ($iwm_maps_created as $map) {
$temp = array('value' => $map['id'], 'label' => $map['name']);
array_push($iwm_maps, $temp);
}
return array('heading' => array('type' => 'text', 'ui' => array('title' => __('Title', 'my-extension'), 'tooltip' => __('Add a title above the map', 'iwm')), 'context' => 'content'), 'heading_color' => array('type' => 'color', 'ui' => array('title' => __('Title Color', 'iwm'))), 'align' => array('type' => 'choose', 'ui' => array('title' => __('Title Alignment', 'iwm')), 'options' => array('columns' => '3', 'choices' => array(array('value' => 'left', 'label' => __('Left', 'cornerstone'), 'icon' => fa_entity('align-left')), array('value' => 'center', 'label' => __('Center', 'cornerstone'), 'icon' => fa_entity('align-center')), array('value' => 'right', 'label' => __('Right', 'cornerstone'), 'icon' => fa_entity('align-right'))))), 'iwmid' => array('type' => 'select', 'ui' => array('title' => __('Choose Map', 'iwm'), 'tooltip' => __('Choose which previously created map to display. Will only be visible on live site.', 'iwm')), 'options' => array('choices' => $iwm_maps)), 'map_padding' => array('type' => 'dimensions', 'ui' => array('title' => __('Map Padding', 'iwm'))));
public function controls()
{
$this->addControl('elements', 'sortable', __('Tabs', csl18n()), __('Add a new tab.', csl18n()), array(array('title' => __('Tab 1', csl18n()), 'content' => __('The content for your Tab goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium, nisi ut volutpat mollis, leo risus interdum arcu, eget facilisis quam felis id mauris. Ut convallis, lacus nec ornare volutpat, velit turpis scelerisque purus, quis mollis velit purus ac massa. Fusce quis urna metus. Donec et lacus et sem lacinia cursus.', csl18n()), 'active' => true), array('title' => __('Tab 2', csl18n()), 'content' => __('The content for your Tab goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium, nisi ut volutpat mollis, leo risus interdum arcu, eget facilisis quam felis id mauris. Ut convallis, lacus nec ornare volutpat, velit turpis scelerisque purus, quis mollis velit purus ac massa. Fusce quis urna metus. Donec et lacus et sem lacinia cursus.', csl18n()))), array('newTitle' => __('Tab %s', csl18n()), 'floor' => 2, 'capacity' => 5));
$this->addControl('nav_position', 'choose', __('Navigation Position', csl18n()), __('Choose the positioning of your navigation for your tabs.', csl18n()), 'top', array('columns' => '3', 'choices' => array(array('value' => 'top', 'tooltip' => __('Top', csl18n()), 'icon' => fa_entity('arrow-up')), array('value' => 'left', 'tooltip' => __('Left', csl18n()), 'icon' => fa_entity('arrow-left')), array('value' => 'right', 'tooltip' => __('Right', csl18n()), 'icon' => fa_entity('arrow-right')))));
}
<?php
/**
* Element Shortcode: Icon List Item
*/
$atts = cs_atts(array('id' => $id, 'class' => trim('x-li-icon ' . $class), 'style' => $style));
$icon_atts = cs_atts(array('class' => 'x-icon-' . $type, 'data-x-icon' => fa_entity($type), 'aria-hidden' => 'true'));
echo "<li {$atts} ><i {$icon_atts} ></i>" . do_shortcode($content) . "</li>";
<?php
/**
* Element Controls: Section
*/
return array('common' => array('margin', 'padding', 'border', 'text_align', 'visibility'), 'bg_type' => array('type' => 'choose', 'ui' => array('title' => __('Background Type', $td), 'tooltip' => __('Configure the background appearance for this Section.', $td)), 'options' => array('columns' => '4', 'choices' => array(array('value' => 'none', 'icon' => fa_entity('ban'), 'tooltip' => __('None', $td)), array('value' => 'color', 'icon' => fa_entity('eyedropper'), 'tooltip' => __('Color', $td)), array('value' => 'image', 'icon' => fa_entity('image'), 'tooltip' => __('Image', $td)), array('value' => 'video', 'icon' => fa_entity('film'), 'tooltip' => __('Video', $td))))), 'bg_color' => array('mixin' => 'background_color', 'condition' => array('bg_type' => 'color')), 'bg_image' => array('type' => 'image', 'ui' => array('title' => __('Background Pattern', $td), 'tooltip' => __('Background patterns will tile and repeat across your Section.', $td)), 'condition' => array('bg_type' => 'image', 'bg_pattern_toggle' => true)), 'bg_pattern' => array('type' => 'image', 'key' => 'bg_image', 'ui' => array('title' => __('Background Image', $td), 'tooltip' => __('Background images are resized to fill the entire Section, regardless of screen size. Keep this in mind when using images that are already cropped.', $td)), 'condition' => array('bg_type' => 'image', 'bg_pattern_toggle' => false)), 'bg_pattern_toggle' => array('type' => 'toggle', 'ui' => array('title' => __('Pattern', $td), 'tooltip' => __('Switch how the image is applied to the background.', $td)), 'condition' => array('bg_type' => 'image')), 'parallax' => array('type' => 'toggle', 'ui' => array('title' => __('Parallax', $td), 'tooltip' => __('Activates the parallax effect with background patterns and images.', $td)), 'condition' => array('bg_type' => 'image')), 'bg_video' => array('type' => 'text', 'ui' => array('title' => __('Background Video URL & Poster', $td), 'tooltip' => __('Include your video URL(s) here. If using multiple sources, separate them using the pipe character (|) and place fallbacks towards the end (i.e. .webm then .mp4 then .ogv). For performance reasons, videos are not loaded into the editor but are shown live.', $td)), 'options' => array('expandable' => false, 'placeholder' => home_url(__('video.mp4', $td))), 'condition' => array('bg_type' => 'video')), 'bg_video_poster' => array('type' => 'image', 'condition' => array('bg_type' => 'video')), '_help_text' => array('type' => 'info-box', 'key' => 'disabled', 'ui' => array('title' => __('Want to add content?', $td), 'message' => __('Choose a layout, click the <strong class="glue">%%icon-nav-elements-solid%% Elements</strong> icon above, then drag elements into a column.', $td)), 'context' => '_layout'), 'title' => array('type' => 'title', 'options' => array('showInspectButton' => true, 'divider' => true), 'context' => '_layout'), 'rows' => array('type' => 'sortable-rows', 'key' => 'elements', 'options' => array('element' => 'row', 'floor' => 1, 'divider' => true), 'context' => '_layout'));
public function textAlign()
{
$this->addControl('text_align', 'choose', __('Text Align', csl18n()), __('Set a text alignment, or use <em>none</em> to inherit from parent elements.', csl18n()), 'none', array('columns' => '4', 'offValue' => '', 'choices' => array(array('value' => 'left-text', 'icon' => fa_entity('align-left'), 'tooltip' => __('Left', csl18n())), array('value' => 'center-text', 'icon' => fa_entity('align-center'), 'tooltip' => __('Center', csl18n())), array('value' => 'right-text', 'icon' => fa_entity('align-right'), 'tooltip' => __('Right', csl18n())), array('value' => 'justify-text', 'icon' => fa_entity('align-justify'), 'tooltip' => __('Justify', csl18n())))));
}
<?php
return array('id' => array('type' => 'text', 'ui' => array('title' => __('ID', $td), 'tooltip' => __('Add an ID to this element so you can target it with your own customizations.', $td)), 'options' => array('monospace' => true, 'advanced' => true)), 'class' => array('type' => 'text', 'ui' => array('title' => __('Class', $td), 'tooltip' => __('Add custom classes to this element. Multiple classes should be seperated by spaces. They will be added at the root level element.', $td)), 'options' => array('monospace' => true, 'advanced' => true)), 'style' => array('type' => 'text', 'ui' => array('title' => __('Style', $td), 'tooltip' => __('Add an inline style to this element. This only contain valid CSS rules with no selectors or braces.', $td)), 'options' => array('monospace' => true, 'advanced' => true)), 'margin' => array('type' => 'dimensions', 'ui' => array('title' => __('Margin', $td), 'tooltip' => __('Specify a custom margin for each side of this element. Can accept CSS units like px, ems, and % (default unit is px).', $td))), 'padding' => array('type' => 'dimensions', 'ui' => array('title' => __('Padding', $td), 'tooltip' => __('Specify a custom padding for each side of this element. Can accept CSS units like px, ems, and % (default unit is px).', $td))), 'text_align' => array('type' => 'choose', 'ui' => array('title' => __('Text Align', $td), 'tooltip' => __('Set a text alignment, or deselect to inherit from parent elements.', $td)), 'options' => array('columns' => '4', 'offValue' => '', 'choices' => array(array('value' => 'left-text', 'icon' => fa_entity('align-left'), 'tooltip' => __('Left', $td)), array('value' => 'center-text', 'icon' => fa_entity('align-center'), 'tooltip' => __('Center', $td)), array('value' => 'right-text', 'icon' => fa_entity('align-right'), 'tooltip' => __('Right', $td)), array('value' => 'justify-text', 'icon' => fa_entity('align-justify'), 'tooltip' => __('Justify', $td))))), 'visibility' => array('type' => 'multi-choose', 'ui' => array('title' => __('Hide based on screen width', $td), 'toolip' => __('Hide this element at different screen widths. Keep in mind that the “Extra Large” toggle is 1200px+, so you may not see your element disappear if your preview window is not large enough.', $td)), 'options' => array('columns' => '5', 'choices' => array(array('value' => 'x-hide-xl', 'icon' => fa_entity('desktop'), 'tooltip' => __('XL', $td)), array('value' => 'x-hide-lg', 'icon' => fa_entity('laptop'), 'tooltip' => __('LG', $td)), array('value' => 'x-hide-md', 'icon' => fa_entity('tablet'), 'tooltip' => __('MD', $td)), array('value' => 'x-hide-sm', 'icon' => fa_entity('tablet'), 'tooltip' => __('SM', $td)), array('value' => 'x-hide-xs', 'icon' => fa_entity('mobile'), 'tooltip' => __('XS', $td))))), 'border' => array('group' => true, 'style' => array('type' => 'select', 'ui' => array('title' => __('Border', $td), 'tooltip' => __('Specify a custom border for this element by selecting a style, choosing a color, and inputting your dimensions.', $td)), 'options' => array('choices' => array(array('value' => 'none', 'label' => __('None', $td)), array('value' => 'solid', 'label' => __('Solid', $td)), array('value' => 'dotted', 'label' => __('Dotted', $td)), array('value' => 'dashed', 'label' => __('Dashed', $td)), array('value' => 'double', 'label' => __('Double', $td)), array('value' => 'groove', 'label' => __('Groove', $td)), array('value' => 'ridge', 'label' => __('Ridge', $td)), array('value' => 'inset', 'label' => __('Inset', $td)), array('value' => 'outset', 'label' => __('Outset', $td))))), 'color' => array('type' => 'color', 'condition' => array('group::style:not' => 'none')), 'width' => array('type' => 'dimensions', 'condition' => array('group::style:not' => 'none'))), 'link' => array('group' => true, 'link_url' => array('type' => 'text', 'ui' => array('title' => __('URL', $td), 'tooltip' => __('Enter a destination URL for when this is clicked.', $td))), 'link_title' => array('type' => 'text', 'ui' => array('title' => __('Link Title Attribute', $td), 'tooltip' => __('Enter in the title attribute you want for your link. This often appears in a browser tooltip when hovering.', $td))), 'link_new_tab' => array('type' => 'toggle', 'ui' => array('title' => __('Open Link in New Tab', $td), 'tooltip' => __('Select to open your link in a new tab, or a new window in older browsers.', $td)))), 'animation' => array('group' => true, 'flavor' => array('type' => 'select', 'ui' => array('title' => __('Animation', $td), 'tooltip' => __('Optionally add animation to your element as users scroll down the page.', $td)), 'options' => array('choices' => CS()->config('controls/animation-choices'))), 'offset' => array('type' => 'text', 'ui' => array('title' => __('Animation Offset (%)', $td), 'tooltip' => __('Specify a percentage value where the element should appear on screen for the animation to take place.', $td)), 'condition' => array('group::flavor:not' => 'none')), 'delay' => array('type' => 'text', 'ui' => array('title' => __('Animation Delay (ms)', $td), 'tooltip' => __('Specify an amount of time before the graphic animation starts in milliseconds.', $td)), 'condition' => array('group::flavor:not' => 'none'))), 'background_color' => array('type' => 'color', 'ui' => array('title' => __('Background Color', $td), 'tooltip' => __('Select the background color for this element.', $td))));
<?php
/**
* Element Controls: Column
*/
return array('common' => array('padding', 'border', 'text_align'), 'bg_color' => array('mixin' => 'background_color'), 'fade' => array('type' => 'toggle', 'ui' => array('title' => __('Enable Fade Effect', $td), 'tooltip' => __('Activating will make this column fade into view when the user scrolls to it for the first time.', $td))), 'fade_animation' => array('type' => 'choose', 'ui' => array('title' => __('Fade Direction', $td), 'tooltip' => __('Choose a direction to fade from. "None" will allow the column to fade in without coming from a particular direction.', $td)), 'options' => array('columns' => '5', 'choices' => array(array('value' => 'in', 'tooltip' => __('None', csl18n()), 'icon' => fa_entity('ban')), array('value' => 'in-from-bottom', 'tooltip' => __('Top', csl18n()), 'icon' => fa_entity('arrow-up')), array('value' => 'in-from-left', 'tooltip' => __('Right', csl18n()), 'icon' => fa_entity('arrow-right')), array('value' => 'in-from-top', 'tooltip' => __('Bottom', csl18n()), 'icon' => fa_entity('arrow-down')), array('value' => 'in-from-right', 'tooltip' => __('Left', csl18n()), 'icon' => fa_entity('arrow-left')))), 'condition' => array('fade' => true)), 'fade_animation_offset' => array('type' => 'text', 'ui' => array('title' => __('Offset', $td), 'tooltip' => __('Determines how drastic the fade effect will be.', $td)), 'condition' => array('fade' => true, 'fade_animation' => array('in-from-top', 'in-from-left', 'in-from-right', 'in-from-bottom'))), 'fade_duration' => array('type' => 'text', 'ui' => array('title' => __('Duration', $td), 'tooltip' => __('Determines how long the fade effect will be.', $td)), 'condition' => array('fade' => true)));
<?php
/**
* Element Controls
*/
return array('date' => array('type' => 'date', 'ui' => array('title' => __('Date', 'my-extension')), 'options' => array()), 'content' => array('type' => 'editor', 'context' => 'content', 'suggest' => __('Click to inspect, then edit as needed.', 'my-extension')), 'image' => array('type' => 'image', 'ui' => array('title' => __('Image', 'my-extension'), 'tooltip' => __('Choose an image to display above your content.', 'my-extension'))), 'image_padding' => array('type' => 'dimensions', 'ui' => array('title' => __('Image Padding', 'my-extension'))), 'features' => array('type' => 'multi-choose', 'ui' => array('title' => __('Extra Features', 'my-extension')), 'options' => array('columns' => '4', 'choices' => array(array('value' => 'option1', 'icon' => fa_entity('bolt')), array('value' => 'option2', 'icon' => fa_entity('camera')), array('value' => 'option3', 'icon' => fa_entity('flask')), array('value' => 'option4', 'icon' => fa_entity('leaf'))))), 'image_animation' => array('mixin' => 'animation'));
<?php
/**
* Element Controls
*/
return array('heading' => array('type' => 'text', 'ui' => array('title' => __('Heading & Content', 'my-extension'), 'tooltip' => __('Tooltip to describe your controls.', 'my-extension')), 'context' => 'content', 'suggest' => __('Heading', 'my-extension')), 'content' => array('type' => 'textarea', 'context' => 'content', 'suggest' => __('Click to inspect, then edit as needed.', 'my-extension')), 'orientation' => array('type' => 'choose', 'ui' => array('title' => __('Orientation', 'my-extension'), 'tooltip' => __('Choose to display the heading vertically or horizonatally', 'my-extension'), 'divider' => true), 'options' => array('divider' => true, 'columns' => '2', 'choices' => array(array('value' => 'vertical', 'tooltip' => __('Vertical', 'my-extension'), 'icon' => fa_entity('arrows-v')), array('value' => 'horizontal', 'tooltip' => __('Horizontal', 'my-extension'), 'icon' => fa_entity('arrows-h'))))), 'heading_color' => array('type' => 'color', 'ui' => array('title' => __('Heading Color', 'my-extension'))), 'background_color' => array('type' => 'color', 'ui' => array('title' => __('Background Color', 'my-extension'))), 'border' => array('mixin' => 'border'));
