Skip to content

Latest commit

 

History

History
51 lines (45 loc) · 1.32 KB

Border.md

File metadata and controls

51 lines (45 loc) · 1.32 KB
Raw

Border

A Border Input Field

Parameters

Parameter Type Value
type required Predefined String (border)
title optional String
desc optional String
std optional Array
selector optional String / Array
tab optional String(style)
section optional String

Return

Always return object

Example

'addon_border' => array(
    'type' => 'border',
    'title' => __('Border Field','your-textdomain'),
    'std' => array(
        'borderWidth' => array( 'top' => '0px', 'right' => '0px', 'bottom' => '0px', 'left' => '0px' ), 
        'borderStyle' =>'solid', 
        'borderColor' => '#cccccc' 
    ),
    'selector' => '{{SELECTOR}} .example-border'
)

Support 'selector' parameters.

Controls

PHP

Inside the rander() method-

echo '<div>'.$data["settings"]["addon_border."]["borderWidth"]["top"].'</div>';
echo '<div>'.$data["settings"]["addon_border."]["borderStyle"].'</div>';
echo '<div>'.$data["settings"]["addon_border."]["borderColor"].'</div>';
echo '<div class="example-border">Example Border</div>';

JS Template

Inside the getTemplate() method-

<div>{{data.addon_border.borderWidth.top}}</div>
<div>{{data.addon_border.borderStyle}}</div>
<div>{{data.addon_border.borderColor}}</div>
<div class="example-border">Example Border</div>