name = 'range'; $this->label = __("Range",'acf'); $this->defaults = array( 'default_value' => '', 'min' => '', 'max' => '', 'step' => '', 'prepend' => '', 'append' => '' ); } /* * render_field() * * Create the HTML interface for your field * * @param $field - an array holding all the field's data * * @type action * @since 3.6 * @date 23/01/13 */ function render_field( $field ) { // vars $atts = array(); $keys = array( 'type', 'id', 'class', 'name', 'value', 'min', 'max', 'step' ); $keys2 = array( 'readonly', 'disabled', 'required' ); $html = ''; // step if( !$field['step'] ) { $field['step'] = 1; } // min / max if( !$field['min'] ) { $field['min'] = 0; } if( !$field['max'] ) { $field['max'] = 100; } // allow for prev 'non numeric' value if( !is_numeric($field['value']) ) { $field['value'] = 0; } // constrain within max and min $field['value'] = max($field['value'], $field['min']); $field['value'] = min($field['value'], $field['max']); // atts (value="123") foreach( $keys as $k ) { if( isset($field[ $k ]) ) $atts[ $k ] = $field[ $k ]; } // atts2 (disabled="disabled") foreach( $keys2 as $k ) { if( !empty($field[ $k ]) ) $atts[ $k ] = $k; } // remove empty atts $atts = acf_clean_atts( $atts ); // open $html .= '

'; // prepend if( $field['prepend'] !== '' ) { $html .= '

' . acf_esc_html($field['prepend']) . '

'; } // range $html .= acf_get_text_input( $atts ); // calculate input width based on character length (+1 char if using decimals) $len = strlen( (string) $field['max'] ); if( $atts['step'] < 1 ) $len++; // input $html .= acf_get_text_input(array( 'type' => 'number', 'id' => $atts['id'] . '-alt', 'value' => $atts['value'], 'step' => $atts['step'], //'min' => $atts['min'], // removed to avoid browser validation errors //'max' => $atts['max'], 'style' => 'width: ' . (1.8 + $len*0.7) . 'em;' )); // append if( $field['append'] !== '' ) { $html .= '

' . acf_esc_html($field['append']) . '

'; } // close $html .= '

'; // return echo $html; } /* * render_field_settings() * * Create extra options for your field. This is rendered when editing a field. * The value of $field['name'] can be used (like bellow) to save extra data to the $field * * @type action * @since 3.6 * @date 23/01/13 * * @param $field - an array holding all the field's data */ function render_field_settings( $field ) { // default_value acf_render_field_setting( $field, array( 'label' => __('Default Value','acf'), 'instructions' => __('Appears when creating a new post','acf'), 'type' => 'number', 'name' => 'default_value', )); // min acf_render_field_setting( $field, array( 'label' => __('Minimum Value','acf'), 'instructions' => '', 'type' => 'number', 'name' => 'min', 'placeholder' => '0' )); // max acf_render_field_setting( $field, array( 'label' => __('Maximum Value','acf'), 'instructions' => '', 'type' => 'number', 'name' => 'max', 'placeholder' => '100' )); // step acf_render_field_setting( $field, array( 'label' => __('Step Size','acf'), 'instructions' => '', 'type' => 'number', 'name' => 'step', 'placeholder' => '1' )); // prepend acf_render_field_setting( $field, array( 'label' => __('Prepend','acf'), 'instructions' => __('Appears before the input','acf'), 'type' => 'text', 'name' => 'prepend', )); // append acf_render_field_setting( $field, array( 'label' => __('Append','acf'), 'instructions' => __('Appears after the input','acf'), 'type' => 'text', 'name' => 'append', )); } } // initialize acf_register_field_type( 'acf_field_range' ); endif; // class_exists check ?>