| 1 |
<?php defined('ABSPATH') or exit; |
| 2 |
|
| 3 |
/** |
| 4 |
* Box Appearance Controls |
| 5 |
* |
| 6 |
* @var \Boxzilla\Box $box |
| 7 |
* @var array $opts |
| 8 |
*/ |
| 9 |
?> |
| 10 |
<div id="notice-notinymce" class="error" style="display: none;"><p><?php esc_html_e('For the best experience when styling your box, please use the default WordPress visual editor.', 'boxzilla'); ?></p></div> |
| 11 |
|
| 12 |
<table class="form-table"> |
| 13 |
<?php do_action('boxzilla_before_box_appearance_controls', $box, $opts); ?> |
| 14 |
<tr valign="top"> |
| 15 |
<td> |
| 16 |
<label class="boxzilla-label" for="boxzilla-background-color"><?php esc_html_e('Background color', 'boxzilla'); ?></label> |
| 17 |
<input id="boxzilla-background-color" name="boxzilla_box[css][background_color]" type="text" class="boxzilla-color-field" value="<?php echo esc_attr($opts['css']['background_color']); ?>" /> |
| 18 |
</td> |
| 19 |
<td> |
| 20 |
<label class="boxzilla-label" for="boxzilla-color"><?php esc_html_e('Text color', 'boxzilla'); ?></label> |
| 21 |
<input id="boxzilla-color" name="boxzilla_box[css][color]" type="text" class="boxzilla-color-field" value="<?php echo esc_attr($opts['css']['color']); ?>" /> |
| 22 |
</td> |
| 23 |
<td> |
| 24 |
<label class="boxzilla-label" for="boxzilla-box-width"><?php esc_html_e('Box width', 'boxzilla'); ?></label> |
| 25 |
<input id="boxzilla-box-width" name="boxzilla_box[css][width]" min="0" max="3200" type="number" step="1" value="<?php echo esc_attr($opts['css']['width']); ?>" /> |
| 26 |
<p class="help"><?php esc_html_e('Width in px', 'boxzilla'); ?></p> |
| 27 |
</td> |
| 28 |
</tr> |
| 29 |
<tr valign="top"> |
| 30 |
<td> |
| 31 |
<label class="boxzilla-label" for="boxzilla-border-color"><?php esc_html_e('Border color', 'boxzilla'); ?></label> |
| 32 |
<input name="boxzilla_box[css][border_color]" id="boxzilla-border-color" type="text" class="boxzilla-color-field" value="<?php echo esc_attr($opts['css']['border_color']); ?>" /> |
| 33 |
</td> |
| 34 |
<td> |
| 35 |
<label class="boxzilla-label" for="boxzilla-border-width"><?php esc_html_e('Border width', 'boxzilla'); ?></label> |
| 36 |
<input name="boxzilla_box[css][border_width]" id="boxzilla-border-width" type="number" min="0" max="25" step="1" value="<?php echo esc_attr($opts['css']['border_width']); ?>" /> |
| 37 |
<p class="help"><?php esc_html_e('Width in px', 'boxzilla'); ?></p> |
| 38 |
</td> |
| 39 |
<td> |
| 40 |
<label class="boxzilla-label" for="boxzilla-border-style"><?php esc_html_e('Border style', 'boxzilla'); ?></label> |
| 41 |
<select name="boxzilla_box[css][border_style]" id="boxzilla-border-style"> |
| 42 |
<option value="" <?php selected($opts['css']['border_style'], ''); ?>><?php esc_html_e('Default', 'boxzilla'); ?></option> |
| 43 |
<option value="solid" <?php selected($opts['css']['border_style'], 'solid'); ?>><?php esc_html_e('Solid', 'boxzilla'); ?></option> |
| 44 |
<option value="dashed" <?php selected($opts['css']['border_style'], 'dashed'); ?>><?php esc_html_e('Dashed', 'boxzilla'); ?></option> |
| 45 |
<option value="dotted" <?php selected($opts['css']['border_style'], 'dotted'); ?>><?php esc_html_e('Dotted', 'boxzilla'); ?></option> |
| 46 |
<option value="double" <?php selected($opts['css']['border_style'], 'double'); ?>><?php esc_html_e('Double', 'boxzilla'); ?></option> |
| 47 |
</select> |
| 48 |
<p class="help"><?php esc_html_e('Border style', 'boxzilla'); ?></p> |
| 49 |
</td> |
| 50 |
</tr> |
| 51 |
<?php do_action('boxzilla_after_box_appearance_controls', $box, $opts); ?> |
| 52 |
</table> |
| 53 |
|
| 54 |
<p><a href="javascript:Boxzilla_Admin.Designer.resetStyles();"><?php esc_html_e('Click here to reset all styling settings.', 'boxzilla'); ?></a></p> |
| 55 |
|
