Top

Advance UI Elements


To use java script you have to add the following style and script tag
<!--Scrollable css-->
                    <link rel="stylesheet" type="text/css" href="../assets/css/scrollable.css">
                    <!--scrollable js-->
                    <script src="../assets/js/scrollable/scrollable-custom.js"></script>
                    <script src="../assets/js/scrollable/perfect-scrollbar.min.js" ></script>
To use java script you have to add the following style and script tag
<!-- Tree js-->
                    <link rel="stylesheet" type="text/css" href="../assets/js/sortable/sortable.min.js">
                    <script src="../assets/js/sortable/custom_sortable.js"></script>
To use java script you have to add the following script tag
<!-- bootstrap notify js -->
                    <script src="../assets/js/notify/bootstrap-notify.min.js" ></script>
                    <script src="../assets/js/notify/custom-notify.js" ></script>
To use java script you have to add the following style and script tag
<!-- range slider css start here -->
                    <link rel="stylesheet" type="text/css" href="../assets/css/rating.css">
                    <!-- Ion Range Slider js -->
                    <script src="../assets/js/rating/custom_rating.js" ></script>
To use java script you have to add the following style and script tag
<!-- Dropzone start here -->
                    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/dropzone.min.css">
                    <!-- Dropzone js -->
                    <script src="../assets/js/dropzone/dropzone.min.js" ></script>
                    <script src="../assets/js/dropzone/dropzone-script.js" ></script>
To use java script you have to add the following style and script tag
<!-- tour js -->
                    <script src="../assets/js/tour/intro.js" ></script>
                    <script src="../assets/js/tour/intro-init.js" ></script>
To use java script you have to add the following style and script tag
<!-- Sweet alert jquery-->
                    <script src="../assets/js/sweet-alert/sweetalert.min.js" ></script>
                    <script src="../assets/js/sweet-alert/app.js" ></script>
To use java script you have to add the following css and script tag
<!-- animate css -->
                    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/animate.css">
                    <!-- Modal js-->
                    <script src="../assets/js/modal-animated.js"></script>
                    <script src="../assets/js/modal-animated1.js"></script>
To use java script you have to add the following style and script tag
<!-- range slider css start here -->
                    <link rel="stylesheet" type="text/css" href="../assets/css/range-slider.css">
                    <!-- Ion Range Slider js -->
                    <script src="../assets/js/range-slider/ion.rangeSlider.min.js"></script>
                    <script src="../assets/js/range-slider/rangeslider-script.js" ></script>
To use java script you have to add the following style and script tag
<!--Image cropper css-->
                    <link rel="stylesheet" type="text/css" href="../assets/css/image-cropper.css">
                    <!--Cropper jquery-->
                    <script src="../assets/js/image-cropper/cropper.js"></script>
                    <script src="../assets/js/image-cropper/cropper-main.js"></script>