Overview
The slider field creates a slider where you can select a number by dragging a control.
This field uses jQuery UI library to create the UI.
Screenshot
Settings
Besides the common settings, this field has the following specific settings:
Name | Description |
---|---|
prefix |
Text displayed before the field value. Optional. |
suffix |
Text displayed after the field value. Optional. |
js_options |
jQuery UI slider options. See here. |
By default, Meta Box applies these default options for js_options
:
Name | Value | Description |
---|---|---|
range |
min |
Create a range from the minimum value to one handle. |
value |
$field['std'] |
Set the default field value. |
If you set range
to true
, then the plugin will saves 2 values in the database, separated by pipe (|
) character, e.g. 15|90
.
Sample code
array(
'name' => 'Slider',
'id' => 'slider',
'type' => 'slider',
// Text labels displayed before and after value
'prefix' => '$',
'suffix' => ' USD',
// jQuery UI slider options. See here http://api.jqueryui.com/slider/
'js_options' => array(
'min' => 10,
'max' => 255,
'step' => 5,
),
'std' => 150,
// 'clone' => true,
),
Data
This field simply saves a single selected value (without the prefix and suffix) in the database.
If the field is cloneable, then the value is stored as a serialized array in a single row in the database.
Template usage
To get the field value, use the following code:
$value = rwmb_meta( $field_id );
echo $value;
Read more about rwmb_meta().