Loading, please wait...

ARTDESIGN STEP

STYLES

Default

<input type="text" data-plugin-ad-step="ad-step">

Prefix, Postfix, Value, Step

<input type="text" data-plugin-ad-step="ad-step">
    $(".ArtDesign").ArtDesignStep({
        Global: {
            StartValue: 20,
            MinValue: 20,
            MaxValue: 60,
            StepValue: 1,
            Length: 0,
            Mark: '.',
            Thousand: ',',
            Prefix: "I am ",
            Postfix: " year"
        }
    });

Full Width

<input type="text" data-plugin-ad-step="ad-step" data-ad-step-options="FullWidth">

Top Bottom

<input type="text" data-plugin-ad-step="ad-step" data-ad-step-input-structure="TopBottom">

Left Right

<input type="text" data-plugin-ad-step="ad-step" data-ad-step-input-structure="LeftRight">

Top

<input type="text" data-plugin-ad-step="ad-step" data-ad-step-input-structure="Top">

Bottom

<input type="text" data-plugin-ad-step="ad-step" data-ad-step-input-structure="Bottom">

Left

<input type="text" data-plugin-ad-step="ad-step" data-ad-step-input-structure="Left">

Right

<input type="text" data-plugin-ad-step="ad-step" data-ad-step-input-structure="Right">

Colors

<input type="text" data-plugin-ad-step="ad-step" data-ad-step-options="Blue" data-ad-step-input-options="Blue">
<input type="text" data-plugin-ad-step="ad-step" data-ad-step-options="Red" data-ad-step-input-options="Red">
<input type="text" data-plugin-ad-step="ad-step" data-ad-step-options="Green" data-ad-step-input-options="Green">
<input type="text" data-plugin-ad-step="ad-step" data-ad-step-options="Yellow" data-ad-step-input-options="Yellow">

Full Colors

<input type="text" data-plugin-ad-step="ad-step" data-ad-step-options="FullBlue" data-ad-step-input-options="Blue">
<input type="text" data-plugin-ad-step="ad-step" data-ad-step-options="FullRed" data-ad-step-input-options="Red">
<input type="text" data-plugin-ad-step="ad-step" data-ad-step-options="FullGreen" data-ad-step-input-options="Green">
<input type="text" data-plugin-ad-step="ad-step" data-ad-step-options="FullYellow" data-ad-step-input-options="Yellow">