# darkify/1.5.1/src/Admin/Framework/fields/dimensions/dimensions.php

Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included), version 1.5.1. 107 lines.

- Page: https://pluginprobe.com/plugins/darkify/1.5.1/code/src/Admin/Framework/fields/dimensions/dimensions.php
- Raw: https://pluginprobe.com/plugins/darkify/1.5.1/raw/src/Admin/Framework/fields/dimensions/dimensions.php
- Modified: 2026-05-04T09:54:44+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/darkify/1.5.1/code/src/Admin/Framework/fields/dimensions/dimensions.php#L10-L20`.

```php
<?php if (! defined('ABSPATH')) {
  die;
} // Cannot access directly.
/**
 *
 * Field: dimensions
 *
 * @since 1.0.0
 * @version 1.0.0
 *
 */
if (! class_exists('DarkifyField_dimensions')) {
  class DarkifyField_dimensions extends DarkifyFields
  {

    public function __construct($field, $value = '', $unique = '', $where = '', $parent = '')
    {
      parent::__construct($field, $value, $unique, $where, $parent);
    }

    public function render()
    {

      $args = wp_parse_args($this->field, array(
        'width_icon'         => '<i class="icofont-long-arrow-left"></i><i class="icofont-long-arrow-right"></i>',
        'height_icon'        => '<i class="icofont-long-arrow-up"></i><i class="icofont-long-arrow-down"></i>',
        'width_placeholder'  => esc_html__('width', 'darkify'),
        'height_placeholder' => esc_html__('height', 'darkify'),
        'width'              => true,
        'height'             => true,
        'unit'               => true,
        'show_units'         => true,
        'units'              => array('px', '%', 'em')
      ));

      $default_values = array(
        'width'  => '',
        'height' => '',
        'unit'   => 'px',
      );

      $value   = wp_parse_args($this->value, $default_values);
      $unit    = (count($args['units']) === 1 && ! empty($args['unit'])) ? $args['units'][0] : '';
      $is_unit = (! empty($unit)) ? ' darkify--is-unit' : '';

      echo wp_kses_post($this->field_before());

      echo '<div class="darkify--inputs" data-depend-id="' . esc_attr($this->field['id']) . '">';

      if (! empty($args['width'])) {
        $placeholder = (! empty($args['width_placeholder'])) ? ' placeholder="' . esc_attr($args['width_placeholder']) . '"' : '';
        echo '<div class="darkify--input">';
        echo ! empty( $args['width_text'] ) ? '<div class="darkify--title">' . wp_kses_post( $args['width_text'] ) . '</div>' : '';
        echo (! empty($args['width_icon'])) ? '<span class="darkify--label darkify--icon">' . wp_kses_post($args['width_icon']) . '</span>' : '';
        echo '<input type="number" name="' . esc_attr($this->field_name('[width]')) . '" value="' . esc_attr($value['width']) . '"' . wp_kses_post($placeholder) . ' class="darkify-input-number' . esc_attr($is_unit) . '" step="any" />';
        echo (! empty($unit)) ? '<span class="darkify--label darkify--unit">' . esc_attr($args['units'][0]) . '</span>' : '';
        echo '</div>';
      }

      if (! empty($args['height'])) {
        $placeholder = (! empty($args['height_placeholder'])) ? ' placeholder="' . esc_attr($args['height_placeholder']) . '"' : '';
        echo '<div class="darkify--input">';
        echo ( ! empty( $args['height_text'] ) ) ? '<div class="darkify--title">' . wp_kses_post( $args['height_text'] ) . '</div>' : '';
        echo (! empty($args['height_icon'])) ? '<span class="darkify--label darkify--icon">' . wp_kses_post($args['height_icon']) . '</span>' : '';
        echo '<input type="number" name="' . esc_attr($this->field_name('[height]')) . '" value="' . esc_attr($value['height']) . '"' . wp_kses_post($placeholder) . ' class="darkify-input-number' . esc_attr($is_unit) . '"  />';
        echo (! empty($unit)) ? '<span class="darkify--label darkify--unit">' . esc_attr($args['units'][0]) . '</span>' : '';
        echo '</div>';
      }

      if (! empty($args['unit']) && ! empty($args['show_units']) && count($args['units']) > 1) {
        echo '<div class="darkify--input">';
        echo '<select name="' . esc_attr($this->field_name('[unit]')) . '">';
        foreach ($args['units'] as $unit) {
          $selected = ($value['unit'] === $unit) ? ' selected' : '';
          echo '<option value="' . esc_attr($unit) . '"' . esc_attr($selected) . '>' . esc_attr($unit) . '</option>';
        }
        echo '</select>';
        echo '</div>';
      }

      echo '</div>';

      echo wp_kses_post($this->field_after());
    }

    public function output()
    {

      $output    = '';
      $element   = (is_array($this->field['output'])) ? join(',', $this->field['output']) : $this->field['output'];
      $prefix    = (! empty($this->field['output_prefix'])) ? $this->field['output_prefix'] . '-' : '';
      $important = (! empty($this->field['output_important'])) ? '!important' : '';
      $unit      = (! empty($this->value['unit'])) ? $this->value['unit'] : 'px';
      $width     = (isset($this->value['width']) && $this->value['width'] !== '') ? $prefix . 'width:' . $this->value['width'] . $unit . $important . ';' : '';
      $height    = (isset($this->value['height']) && $this->value['height'] !== '') ? $prefix . 'height:' . $this->value['height'] . $unit . $important . ';' : '';

      if ($width !== '' || $height !== '') {
        $output = $element . '{' . $width . $height . '}';
      }

      $this->parent->output_css .= $output;

      return $output;
    }
  }
}

```