slider

Slider with ‘px’ content

This option allows user to show a slider for easily input a number value.

It supports the following properties:

NameTypeDefaultDescription
minNumberThe property shows the minimum input value
maxNumberThe property shows the maximum input value
stepNumber1Step to the next value
shiftStepNumber10Step when pressing shift key
contentStringString that displays the units

Below is the following example of how the option can be used:

public function options( $options ) {     
    $options->add_option( 
            'height',             
             [ 
               'type'      => 'slider',
                'title'     => __( 'Height', 'zionbuilder' ),
                'default'   => 13,
                'min'       => 1,
                'max'       => 100,
                'step'      => 1,
                'content'   => 'px',  
             ]
         ); 
}

Was this article helpful ?

40 people consider this article helpful
Thank you! We will improve this article.

Didn’t find what you’re looking for? Please let us know

Submit a ticket