public function admin_fields()
{
$data = $this->data[$this->blockname];
foreach ($this->fields as $field => $options) {
$default = isset($options["default"]) ? $options["default"] : '';
${$field} = isset($data[$field]) ? $data[$field] : $default;
${$field . "_default"} = $default;
}
?>
<div class="mb_tab option-container">
<div class="title"><?php
_e('Dimensions', 'maxbuttons');
?>
</div>
<div class="inside">
<div class="option-design">
<div class="label"><?php
_e('Button Width', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="button_width" name="button_width" value="<?php
echo maxUtils::strip_px($button_width);
?>
" />px</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Button Height', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="button_height" name="button_height" value="<?php
echo maxUtils::strip_px($button_height);
?>
" />px</div>
<div class="clear"></div>
</div>
</div>
</div>
<?php
}
public function admin_fields()
{
$data = $this->data[$this->blockname];
foreach ($this->fields as $field => $options) {
$default = isset($options["default"]) ? $options["default"] : '';
${$field} = isset($data[$field]) ? $data[$field] : $default;
${$field . "_default"} = $default;
global $maxbuttons_container_alignments;
}
?>
<div class="option-container mb_tab">
<div class="title"><?php
_e('Container', 'maxbuttons');
?>
</div>
<div class="inside">
<div class="option-design">
<div class="label"><?php
_e('Use Container', 'maxbuttons');
?>
</div>
<div class="input"><input type="checkbox" id="container_enabled" name="container_enabled" value="1" <?php
checked($container_enabled, 1);
?>
></div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Wrap with Center Div', 'maxbuttons');
?>
</div>
<div class="input"><input type="checkbox" id="container_center_div_wrap" name="container_center_div_wrap" value="1" <?php
checked($container_center_div_wrap, 1);
?>
></div>
<div class="default"><div align="center"></div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Width', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="container_width" name="container_width" value="<?php
echo maxUtils::strip_px($container_width);
?>
" />px</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Margin Top', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="container_margin_top" name="container_margin_top" value="<?php
echo maxUtils::strip_px($container_margin_top);
?>
" />px</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Margin Right', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="container_margin_right" name="container_margin_right" value="<?php
echo maxUtils::strip_px($container_margin_right);
?>
" />px</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Margin Bottom', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="container_margin_bottom" name="container_margin_bottom" value="<?php
echo maxUtils::strip_px($container_margin_bottom);
?>
" />px</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Margin Left', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="container_margin_left" name="container_margin_left" value="<?php
echo maxUtils::strip_px($container_margin_left);
?>
" />px</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Alignment', 'maxbuttons');
?>
</div>
<div class="input">
<select id="container_alignment" name="container_alignment">
<?php
foreach ($maxbuttons_container_alignments as $name => $value) {
echo '<option value="' . $value . '" ' . selected($container_alignment, $value) . '>' . $name . '</option>';
}
?>
</select>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<?php
}
public function admin_fields()
{
$data = $this->data[$this->blockname];
foreach ($this->fields as $field => $options) {
$default = isset($options["default"]) ? $options["default"] : '';
${$field} = isset($data[$field]) ? $data[$field] : $default;
${$field . "_default"} = $default;
}
global $maxbuttons_border_styles;
?>
<div class="option-container mb_tab">
<div class="title"><?php
_e('Border', 'maxbuttons');
?>
</div>
<div class="inside">
<div class="option-design">
<div class="label"><label><?php
_e('Radius', 'maxbuttons');
?>
</label></div>
<div class="input">
<table>
<tr>
<td>
<div class="cell-label"><?php
_e('Top Left', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny" type="text" id="radius_top_left" name="radius_top_left" value="<?php
echo maxUtils::strip_px($radius_top_left);
?>
" />px</div>
<div class="default-other"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $radius_top_left_default;
?>
</div>
<div class="clear"></div>
</td>
<td>
<div class="cell-label"><?php
_e('Top Right', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny" type="text" id="radius_top_right" name="radius_top_right" value="<?php
echo maxUtils::strip_px($radius_top_right);
?>
" />px</div>
<div class="default-other"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $radius_top_right_default;
?>
</div>
<div class="clear"></div>
</td>
</tr>
<tr>
<td>
<div class="cell-label"><?php
_e('Bottom Left', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny" type="text" id="radius_bottom_left" name="radius_bottom_left" value="<?php
echo maxUtils::strip_px($radius_bottom_left);
?>
" />px</div>
<div class="default-other"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $radius_bottom_left_default;
?>
</div>
<div class="clear"></div>
</td>
<td>
<div class="cell-label"><?php
_e('Bottom Right', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny" type="text" id="radius_bottom_right" name="radius_bottom_right" value="<?php
echo maxUtils::strip_px($radius_bottom_right);
?>
" />px</div>
<div class="default-other"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $radius_bottom_right_default;
?>
</div>
<div class="clear"></div>
</td>
</tr>
</table>
</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Style', 'maxbuttons');
?>
</div>
<div class="input">
<select id="border_style" name="border_style">
<?php
foreach ($maxbuttons_border_styles as $name => $value) {
echo '<option value="' . $value . '" ' . selected($border_style, $value) . '>' . $name . '</option>';
}
?>
</select>
</div>
<div class="default"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $border_style_default;
?>
</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Width', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="border_width" name="border_width" value="<?php
echo maxUtils::strip_px($border_width);
?>
" />px</div>
<div class="default"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $border_width_default;
?>
</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Shadow Offset Left', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="box_shadow_offset_left" name="box_shadow_offset_left" value="<?php
echo maxUtils::strip_px($box_shadow_offset_left);
?>
" />px</div>
<div class="default"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $box_shadow_offset_left_default;
?>
</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Shadow Offset Top', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="box_shadow_offset_top" name="box_shadow_offset_top" value="<?php
echo maxUtils::strip_px($box_shadow_offset_top);
?>
" />px</div>
<div class="default"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $box_shadow_offset_top_default;
?>
</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Shadow Width', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="box_shadow_width" name="box_shadow_width" value="<?php
echo maxUtils::strip_px($box_shadow_width);
?>
" />px</div>
<div class="default"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $box_shadow_width_default;
?>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<?php
}
function admin_fields()
{
extract($this->data);
$orientation_array = array("auto" => __("Auto", "maxbuttons"), "horizontal" => __("Horizontal", "maxbuttons"), "vertical" => __("Vertical", "maxbuttons"));
$staticposver = array("auto" => __("Auto", "maxbuttons"), "center" => __("Center", "maxbuttons"), "top" => __("Top", "maxbuttons"), "bottom" => __("Bottom", "maxbuttons"));
$staticposhor = array("auto" => __("Auto", "maxbuttons"), "center" => __("Center", "maxbutton-pro"), "left" => __("Left", "maxbuttons"), "right" => __("Right", "maxbuttons"));
$px = __("px", "maxbuttons");
?>
<div class="mb_tab option-container layout-block" data-options="layout">
<div class="title">
<span class="dashicons dashicons-admin-appearance"></span>
<span class="title"><?php
_e("Layout", "maxbuttons");
?>
</span>
<span class='manual-box'><a class='manual-toggle' data-target="layout"> <?php
_e("Getting Started", "maxbuttons-pro");
?>
</a></span>
<span class='right'><button name="save" type="submit" data-form='collection_edit' class="button button-primary"><?php
_e("Save All", "maxbuttons");
?>
</button>
</span>
</div>
<div class="inside">
<div class="option">
<label for="margin-left"><?php
_e("Margin left", "maxbuttons");
?>
</label>
<input type="number" class="tiny-nopad" id="margin_left" name="margin_left" value="<?php
echo intval($margin_left);
?>
" class="tiny"> <?php
echo $px;
?>
</div>
<div class="option">
<label for="margin-right"><?php
_e("Margin right", "maxbuttons");
?>
</label>
<input type="number" name="margin_right" id="margin_right" value="<?php
echo intval($margin_right);
?>
" class="tiny"> <?php
echo $px;
?>
</div>
<div class="option">
<label for="margin-top"><?php
_e("Margin bottom", "maxbuttons");
?>
</label>
<input type="number" name="margin_bottom" id="margin_bottom" value="<?php
echo maxUtils::strip_px($margin_top);
?>
" class="tiny"> <?php
echo $px;
?>
</div>
<div class="option">
<label for="margin-bottom"><?php
_e("Margin top", "maxbuttons");
?>
</label>
<input type="number" name="margin_top" id="margin_top" value="<?php
echo maxUtils::strip_px($margin_bottom);
?>
" class="tiny"> <?php
echo $px;
?>
</div>
<div class="option">
<label for="orientation"><?php
_e("Orientation", "maxbuttons");
?>
</label>
<?php
echo maxUtils::selectify("orientation", $orientation_array, $orientation);
?>
</div>
<div class="option">
<label for="item_margin_right"><?php
_e("Item margin right", "maxbuttons");
?>
</label>
<input type="number" name="item_margin_right" id="item_margin_right" value="<?php
echo maxUtils::strip_px($item_margin_right);
?>
"> <?php
echo $px;
?>
</div>
<div class="option">
<label for="item_margin_bottom"><?php
_e("Item margin bottom", "maxbuttons");
?>
</label>
<input type="number" name="item_margin_bottom" id="item_margin_bottom" value="<?php
echo maxUtils::strip_px($item_margin_bottom);
?>
">
<?php
echo $px;
?>
</div>
<div class="option">
<label for="ignore_container"><?php
_e("Remove container width and margins", "maxbuttons");
?>
</label>
<input type="checkbox" name="ignore_container" value="1" <?php
checked($ignore_container, 1);
?>
>
<div class="help fa fa-question-circle ">
<span><?php
_e("Removes the margins and widths of the button container.", "maxbuttons");
?>
</span>
</div>
</div>
</div>
<?php
$condition = array("target" => "placement", "values" => array("static-left", "static-right", "static-top", "static-bottom"));
$static_conditional = htmlentities(json_encode($condition));
?>
<div class='conditional-option' data-show="<?php
echo $static_conditional;
?>
">
<div class="title"><span class="dashicons dashicons-admin-appearance"></span> <?php
_e("Static positioning", "maxbuttons");
?>
</div>
<div class="inside">
<?php
$condition = array("target" => "placement", "values" => array("static-left", "static-right"));
$static_conditional = htmlentities(json_encode($condition));
?>
<div class="option conditional-option" data-show="<?php
echo $static_conditional;
?>
">
<label for="static_position_ver"><?php
_e("Static position vertical", "maxbuttons");
?>
</label>
<?php
echo maxUtils::selectify("static_position_ver", $staticposver, $static_position_ver);
?>
</div>
<?php
$condition = array("target" => "placement", "values" => array("static-top", "static-bottom"));
$static_conditional = htmlentities(json_encode($condition));
?>
<div class="option conditional-option" data-show="<?php
echo $static_conditional;
?>
">
<label for="static_position_hor"><?php
_e("Static position horizontal", "maxbuttons");
?>
</label>
<?php
echo maxUtils::selectify("static_position_hor", $staticposhor, $static_position_hor);
?>
</div>
</div>
</div>
<!-- manual entry -->
<div class="manual-entry" data-manual="layout">
<h3><?php
_e("Layout settings", "maxbuttons");
?>
<span class="dashicons dashicons-no window close manual-toggle" data-target="layout"></span>
</h3>
<p><?php
_e("The first 4 options - margins left, right, buttom and top - are for positioning the entire collection. Click the Preview tab on so you can see the changes to your collection as you make them. The Orientation options let’s you choose between Auto, Horizontal and Vertical. Image margin allows you to set the spacing between the icons.", "maxbuttons");
?>
</p>
</div>
</div> <!-- tab -->
<?php
}
public function admin_fields()
{
$data = $this->data[$this->blockname];
foreach ($this->fields as $field => $options) {
$default = isset($options["default"]) ? $options["default"] : '';
${$field} = isset($data[$field]) ? $data[$field] : $default;
${$field . "_default"} = $default;
}
global $maxbuttons_font_families;
global $maxbuttons_font_sizes;
global $maxbuttons_font_styles;
global $maxbuttons_font_weights;
global $maxbuttons_text_alignments;
?>
<div class="mb_tab option-container">
<div class="title"><?php
_e('Text', 'maxbuttons');
?>
</div>
<div class="inside">
<div class="option-design">
<div class="label"><?php
_e('Text', 'maxbuttons');
?>
</div>
<div class="input">
<input type="text" id="text" name="text" value="<?php
echo $text;
?>
" maxlength="100"/>
</div>
<div class="default"><?php
_e('The actual words that appear on the button.', 'maxbuttons');
?>
</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Font', 'maxbuttons');
?>
</div>
<div class="input">
<select id="font" name="font">
<?php
foreach ($maxbuttons_font_families as $name => $value) {
//$selected = ($maxbutton_text_font_family_value == $value) ? 'selected="selected"' : '';
echo '<option value="' . $value . '"' . selected($font, $value) . '>' . $name . '</option>';
}
?>
</select>
</div>
<div class="default"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $font_default;
?>
</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Size', 'maxbuttons');
?>
</div>
<div class="input">
<select id="font_size" name="font_size">
<?php
$font_size = maxUtils::strip_px($font_size);
foreach ($maxbuttons_font_sizes as $name => $value) {
//$selected = ($maxbutton_text_font_size_value == $value) ? 'selected="selected"' : '';
echo '<option value="' . $name . '" ' . selected($font_size, $name, false) . '>' . $value . '</option>';
}
?>
</select>
</div>
<div class="default"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $font_size_default;
?>
</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Text align', 'maxbuttons');
?>
</div>
<div class="input">
<select id="text_align" name="text_align">
<?php
foreach ($maxbuttons_text_alignments as $name => $value) {
//$selected = ($maxbutton_text_font_style_value == $value) ? 'selected="selected"' : '';
echo '<option value="' . $value . '" ' . selected($text_align, $value) . '>' . $name . '</option>';
}
?>
</select>
</div>
<div class="default"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $text_align_default;
?>
</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Weight', 'maxbuttons');
?>
</div>
<div class="input">
<select id="font_weight" name="font_weight">
<?php
foreach ($maxbuttons_font_weights as $name => $value) {
//$selected = ($maxbutton_text_font_weight_value == $value) ? 'selected="selected"' : '';
echo '<option value="' . $value . '" ' . selected($font_weight, $value) . '>' . $name . '</option>';
}
?>
</select>
</div>
<div class="default"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $font_weight_default;
?>
</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Shadow Offset Left', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="text_shadow_offset_left" name="text_shadow_offset_left" value="<?php
echo maxUtils::strip_px($text_shadow_offset_left);
?>
" />px</div>
<div class="default"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $text_shadow_offset_left_default;
?>
</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Shadow Offset Top', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="text_shadow_offset_top" name="text_shadow_offset_top" value="<?php
echo maxUtils::strip_px($text_shadow_offset_top);
?>
" />px</div>
<div class="default"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $text_shadow_offset_top_default;
?>
</div>
<div class="clear"></div>
</div>
<div class="option-design">
<div class="label"><?php
_e('Shadow Width', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny-nopad" type="text" id="text_shadow_width" name="text_shadow_width" value="<?php
echo maxUtils::strip_px($text_shadow_width);
?>
" />px</div>
<div class="default"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $text_shadow_width_default;
?>
</div>
<div class="clear"></div>
</div>
<div class="spacer"></div>
<div class="option-design">
<div class="label"><label><?php
_e('Padding', 'maxbuttons');
?>
</label></div>
<div class="input">
<table>
<tr>
<td>
<div class="cell-label"><?php
_e('Top', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny" type="text" id="padding_top" name="padding_top"
value="<?php
echo maxUtils::strip_px($padding_top);
?>
" />px</div>
<div class="default-other"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $padding_top_default;
?>
</div>
<div class="clear"></div>
</td>
<td>
<div class="cell-label"><?php
_e('Bottom', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny" type="text" id="padding_bottom" name="padding_bottom" value="<?php
echo maxUtils::strip_px($padding_bottom);
?>
" />px</div>
<div class="default-other"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $padding_bottom_default;
?>
</div>
<div class="clear"></div>
</td>
</tr>
<tr>
<td>
<div class="cell-label"><?php
_e('Left', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny" type="text" id="padding_left" name="padding_left" value="<?php
echo maxUtils::strip_px($padding_left);
?>
" />px</div>
<div class="default-other"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $padding_left_default;
?>
</div>
<div class="clear"></div>
</td>
<td>
<div class="cell-label"><?php
_e('Right', 'maxbuttons');
?>
</div>
<div class="input"><input class="tiny" type="text" id="padding_right" name="padding_right" value="<?php
echo maxUtils::strip_px($padding_right);
?>
" />px</div>
<div class="default-other"><?php
_e('Default:', 'maxbuttons');
?>
<?php
echo $padding_right_default;
?>
</div>
<div class="clear"></div>
</td>
</tr>
</table>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<?php
}
