UI Elements > JQuery UI
-
My Income $47,171
-
Site Traffic 45%
-
Site Orders 2447
Jquery Tabs
Simple Tabs
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.
Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.
Dynamic Tabs
Click button to add another tab
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.
Slider
Horizontal Slider with tooltip
Usage Its so simple...
<input class="slider slider-primary" data-slider-min="10" .. />
data-slider-min="10" // slider min value
data-slider-max="500" // slider max value
data-slider-value="315" // handler position on slider
data-slider-handle="round" // round or square
Spinner
Menu
Easy Menu List
Auto Complete
Type something to reveal autocompelete tags
Usage: data-autocomplete= ' ["this", "message", "bold", "text"] '
Auto Complete Ajax
Fetches data from JSON url
Accordion
With fontawesome icons
First
Second
Third
Progress Bar
Default progress bar.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.
Currently using 36% of your storage space