Advance UI Elements
Scrollable Offical link Preview link
To use javascript you have to add the following style and script tag
<!--Scrollable css-->
<link rel="stylesheet" type="text/css" href="{% sass_src 'assets/scss/scrollable.scss'%}">
<!--scrollable js-->
<script src="{% static 'assets/js/scrollable/scrollable-custom.js'%}"></script>
<script src="{% static 'assets/js/scrollable/perfect-scrollbar.min.js'%}" ></script>Tree Offical link Preview link
To use javascript you have to add the following style and script tag
<!-- Tree css -->
<link rel="stylesheet" type="text/css" href="{% sass_src 'assets/scss/tree.scss' %}">
<!-- Tree js-->
<script src="{% static 'assets/js/tree/jstree.min.js'%}"></script>
<script src="{% static 'assets/js/tree/tree.js'%}" ></script>Notify Offical link Preview link
To use javascript you have to add the following script tag
<!-- bootstrap notify js -->
<script src="{% static 'assets/js/notify/bootstrap-notify.min.js'%}" ></script>
<script src="{% static 'assets/js/notify/notify-script.js'%}" ></script>Rating Offical link Preview link
To use javascript you have to add the following style and script tag
<!-- range slider css start here -->
<link rel="stylesheet" type="text/css" href="{% sass_src 'assets/scss/rating.scss'%}">
<!-- Ion Range Slider js -->
<script src="{% static 'assets/js/rating/jquery.barrating.js'%}" ></script>
<script src="{% static 'assets/js/rating/rating-script.js'%}" ></script>Dropzone Offical link Preview link
To use javascript you have to add the following style and script tag
<!-- Dropzone start here -->
<link rel="stylesheet" type="text/css" href="{% sass_src 'assets/scss/dropzone.scss'%}">
<!-- Dropzone js -->
<script src="{% static 'assets/js/dropzone/dropzone.js'%}" ></script>
<script src="{% static 'assets/js/dropzone/dropzone-script.js'%}" ></script>Tour Offical link Preview link
To use javascript you have to add the following style and script tag
<!-- tour js -->
<script src="{% static 'assets/js/tour/intro.js'%}" ></script>
<script src="{% static 'assets/js/tour/intro-init.js'%}" ></script>Sweetalert Offical link Preview link
To use javascript you have to add the following style and script tag
<!-- Sweet alert jquery-->
<script src="{% static'assets/js/sweet-alert/sweetalert.min.js'%}" ></script>
<script src="{% static'assets/js/sweet-alert/app.js'%}" ></script>Animated modal Offical link Preview link
To use javascript you have to add the following css and script tag
<!-- animate css -->
<link rel="stylesheet" type="text/css" href="{% sass_src 'assets/scss/animate.scss'%}">
<!-- Modal js-->
<script src="{% static'assets/js/modal-animated.js'%}"></script>Owl carousel Offical link Preview link
To use javascript you have to add the following style and script tag
<!-- Owl css -->
<link rel="stylesheet" type="text/css" href="{% sass_src 'assets/scss/owlcarousel.scss'%}">
<!-- owlcarousel js-->
<script src="{% static'assets/js/owlcarousel/owl.carousel.js'%}" ></script>Range slider Offical link Preview link
To use javascript you have to add the following style and script tag
<!-- range slider css start here -->
<link rel="stylesheet" type="text/css" href="{% sass_src 'assets/scss/range-slider.scss'%}">
<!-- Ion Range Slider js -->
<script src="{% static'assets/js/range-slider/ion.rangeSlider.min.js' %}"></script>
<script src="{% static'assets/js/range-slider/rangeslider-script.js' %}" ></script>Image cropper Offical link Preview link
To use javascript you have to add the following style and script tag
<!--Image cropper css-->
<link rel="stylesheet" type="text/css" href="{% sass_src 'assets/scss/image-cropper.scss'%}">
<!--Cropper jquery-->
<script src="{% static'assets/js/image-cropper/cropper.js'%}"></script>
<script src="{% static'assets/js/image-cropper/cropper-main.js'%}"></script>