Loading, please wait...

ARTDESIGN STEP

Description

ArtDesign Step is a JavaScript PlugIn, which transform into a step input. This plugin also upgrade the functionality of the ArtDesign Input
Full support of all advanced Web browsers
Full style control only with JavaScript, without using CSS
Full style control - Size (width, height), Margin and Padding, Background (background color), Border (width, color, radius), Text and Icon (font, size, color), Button position
6 positions of the buttons - TopBottom, LeftRight, Top, Bottom, Left, Right
Prefix, Postfix, StartValue, MinValue, MaxValue, StepValue
16 predefined styles
Set the style with attributes
Set multiple styles to one element, each of them overwrites the previous
Opportunity to define an unlimited number of own styles
Integration with ArtDesign Icons
Hover / Click Animations
Listening for click events
Listening for scroll events
Public methods: Destroy

Demo

HTML

<div class="ArtDesign">
    <input type="text" data-plugin-ad-step="ad-step" data-ad-step-input-structure="TopBottom">
    <input type="text" data-plugin-ad-step="ad-step" data-ad-step-input-structure="LeftRight">
    <input type="text" data-plugin-ad-step="ad-step" data-ad-step-input-structure="Top">
    <input type="text" data-plugin-ad-step="ad-step" data-ad-step-input-structure="Bottom">
    <input type="text" data-plugin-ad-step="ad-step" data-ad-step-input-structure="Left">
    <input type="text" data-plugin-ad-step="ad-step" data-ad-step-input-structure="Right">
</div>

JavaScript

<script type="text/javascript">
    $(document).ready(function() {
        $(".ArtDesign").ArtDesignStep();
    });
</script>