Fixed the step bug in number field and added placeholder and step example

Author: tareq1988

example/oop-example.php

@@ -57,23 +57,29 @@ function get_settings_fields() {
                     'name'              => 'text_val',
                     'label'             => __( 'Text Input', 'wedevs' ),
                     'desc'              => __( 'Text input description', 'wedevs' ),
+                    'placeholder'       => __( 'Text Input placeholder', 'wedevs' ),
                     'type'              => 'text',
                     'default'           => 'Title',
-                    'sanitize_callback' => 'intval'
+                    'sanitize_callback' => 'sanitize_text_field'
                 ),
                 array(
                     'name'              => 'number_input',
                     'label'             => __( 'Number Input', 'wedevs' ),
-                    'desc'              => __( 'Number field with validation callback `intval`', 'wedevs' ),
+                    'desc'              => __( 'Number field with validation callback `floatval`', 'wedevs' ),
+                    'placeholder'       => __( '1.99', 'wedevs' ),
+                    'min'               => 0,
+                    'max'               => 100,
+                    'step'              => '0.01',
                     'type'              => 'number',
                     'default'           => 'Title',
-                    'sanitize_callback' => 'intval'
+                    'sanitize_callback' => 'floatval'
                 ),
                 array(
-                    'name'  => 'textarea',
-                    'label' => __( 'Textarea Input', 'wedevs' ),
-                    'desc'  => __( 'Textarea description', 'wedevs' ),
-                    'type'  => 'textarea'
+                    'name'        => 'textarea',
+                    'label'       => __( 'Textarea Input', 'wedevs' ),
+                    'desc'        => __( 'Textarea description', 'wedevs' ),
+                    'placeholder' => __( 'Textarea placeholder', 'wedevs' ),
+                    'type'        => 'textarea'
                 ),
                 array(
                     'name'  => 'checkbox',

src/class.settings-api.php

@@ -104,8 +104,8 @@ function admin_init() {
             }
 
             if ( isset($section['desc']) && !empty($section['desc']) ) {
-                $section['desc'] = '<div class="inside">'.$section['desc'].'</div>';
-                $callback = create_function('', 'echo "'.str_replace('"', '\"', $section['desc']).'";');
+                $section['desc'] = '<div class="inside">' . $section['desc'] . '</div>';
+                $callback = create_function('', 'echo "' . str_replace( '"', '\"', $section['desc'] ) . '";');
             } else if ( isset( $section['callback'] ) ) {
                 $callback = $section['callback'];
             } else {
@@ -173,7 +173,7 @@ function callback_text( $args ) {
         $value       = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
         $size        = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
         $type        = isset( $args['type'] ) ? $args['type'] : 'text';
-        $placeholder = empty( $args['placeholder'] ) ? '' : ' placeholder="'.$args['placeholder'].'"';
+        $placeholder = empty( $args['placeholder'] ) ? '' : ' placeholder="' . $args['placeholder'] . '"';
 
         $html        = sprintf( '<input type="%1$s" class="%2$s-text" id="%3$s[%4$s]" name="%3$s[%4$s]" value="%5$s"%6$s/>', $type, $size, $args['section'], $args['id'], $value, $placeholder );
         $html       .= $this->get_field_description( $args );
@@ -199,10 +199,10 @@ function callback_number( $args ) {
         $value       = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
         $size        = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
         $type        = isset( $args['type'] ) ? $args['type'] : 'number';
-        $placeholder = empty( $args['placeholder'] ) ? '' : ' placeholder="'.$args['placeholder'].'"';
-        $min         = empty( $args['min'] ) ? '' : ' min="'.$args['min'].'"';
-        $max         = empty( $args['max'] ) ? '' : ' max="'.$args['max'].'"';
-        $step        = empty( $args['step'] ) ? '' : ' step="1"';
+        $placeholder = empty( $args['placeholder'] ) ? '' : ' placeholder="' . $args['placeholder'] . '"';
+        $min         = empty( $args['min'] ) ? '' : ' min="' . $args['min'] . '"';
+        $max         = empty( $args['max'] ) ? '' : ' max="' . $args['max'] . '"';
+        $step        = empty( $args['max'] ) ? '' : ' step="' . $args['step'] . '"';
 
         $html        = sprintf( '<input type="%1$s" class="%2$s-number" id="%3$s[%4$s]" name="%3$s[%4$s]" value="%5$s"%6$s%7$s%8$s%9$s/>', $type, $size, $args['section'], $args['id'], $value, $placeholder, $min, $max, $step );
         $html       .= $this->get_field_description( $args );