Zendash - Admin Dashboard HTML Template

Calendar

FullCalendar is Taken from Full Calendar Plugin which is great for displaying events, but it isn't a complete solution for event content-management. you will have use to use below mentioned structure for add event modal to use add event functionality.

	
		
	
	
		
	
	
		
	


<!-- Full-calendar js-->
<script src="../../assets/plugins/fullcalendar/moment.min.js"></script>
<script src="../../assets/plugins/fullcalendar/fullcalendar.min.js"></script>
<script src="../../assets/js/app-calendar-events.js">/script>
<script src="../../assets/js/app-calendar.js">/script>

	
	
Type URL
Plugin Link https://fullcalendar.io/
Cookies

General cookies HTML structure in Zendash template.

	
		
	
	
		
	


<!-- Internal Darggable js -->
<script src="../../../assets/plugins/cookies/cookiepopup.js"></script>
<script src="../../../assets/js/cookie.js"></script>

	
	
Type URL
Plugin Link https://www.jqueryscript.net/other/EU-Cookie-Notice-Plugin-jQuery-CookiePopup.html
Draggable cards

General Draggable HTML structure in Zendash template.

	
		
	
	
		
	


<!-- Internal Darggable js -->
<script src="../../assets/plugins/dragula/dragula.js""></script>
<script src="../../assets/plugins/dragula/example.min.js"></script>
	
	
ImageComparison cards

General Image Comparison HTML structure in Zendash template.

	
		
	
    
		
	
    
<!-- Internal Image Comparison js -->
<script src="../../../assets/plugins/images-comparsion/jquery.twentytwenty.js"></script>
<script src="../../../assets/plugins/images-comparsion/jquery.event.move.js"></script>
<script src="../../../assets/js/image-comparision.js"></script>
	
	
Type URL
Plugin Link https://codetea.com/a-jquery-plugin-for-comparing-two-images/
Image Crop

General Image Crop HTML structure in Zendash template.

	
		
	
    
		
	
    
<!-- Internal Image Crop js -->
<script src="../../../assets/plugins/img-crop/vue.js"></script>
<script src="../../../assets/plugins/img-crop/cropme.js"></script>
<script src="../../../assets/js/img-crop.js"></script>
	
	
Type URL
Plugin Link https://shpontex.github.io/cropme
Alerts Styles Notifications

General Alerts Styles Notifications HTML structure in Zendash template.

	
		
	
	
		
	


<!-- Internal NotifIt js -->
<script src="../../../assets/plugins/notify/js/notifIt.js"></script>
<script src="../../../assets/plugins/notify/js/custom-notiflt.js"></script>
	
	
Type URL
Plugin Link https://www.jqueryscript.net/other/Simple-Easy-jQuery-Notification-Plugin-NotifIt.html
Side Alerts Notifications

General Side Alerts Notifications HTML structure in Zendash template.

	
		
	
	
		
	


<!-- Internal custom-notiflt js -->
<script src="../../../assets/plugins/notify/js/custom-notiflt.js"></script>
<script src="../../../assets/plugins/notify/js/jquery.growl.js"></script>
	
	
Type URL
Plugin Link http://ksylvest.github.io/jquery-growl/
Sweet Alert

General Sweet Alert HTML structure in Zendash template.

	
		
	
	
		
	

<!-- Internal Sweet-Alert js -->
<script src="../../assets/plugins/sweet-alert/jquery.sweet-modal.min.js"></script>
<script src="../../assets/plugins/sweet-alert/sweetalert.min.js"></script>
<script src="../../assets/js/sweet-alert.js"></script>
	
	
Type URL
Plugin Link bootstrap-sweetalert/
Range Slider

Range Slider is very simple to use as a jQuery plug-in of customizable option..

1. You need to add these files to make it work.
	
		
	
	
    
		
		
	


 <!-- Internal Ion-rangeslider js -->
 <script src="../../assets/plugins/ion-rangeslider/js/ion.rangeSlider.min.js"></script>;

	
	

Open rangeslider.js file (assets/js/rangeslider.js) You can see below js


	// Rangeslider1
		$('.rangeslider1').ionRangeSlider();

	// Rangeslider2
	$('.rangeslider2').ionRangeSlider({
		min: 100,
		max: 1000,
		from: 550
	});

	// Rangeslider3
	$('.rangeslider3').ionRangeSlider({
		type: 'double',
		grid: true,
		min: 0,
		max: 1000,
		from: 200,
		to: 800,
		prefix: '$'
	});

	// Rangeslider4
	$('.rangeslider4').ionRangeSlider({
		type: 'double',
		grid: true,
		min: -1000,
		max: 1000,
		from: -500,
		to: 500,
		step: 250
	});
		
	
Type URL
Plugin Link http://ionden.com/a/plugins/ion.rangeSlider/demo.html
Rating

General Rating HTML structure in Zendash template.

	
		
	
	
		
	

<!-- Rating js -->
<script src="../../assets/plugins/rating/jquery.rating-stars.js"></script>

<!-- Rating js -->
<script src="../../assets/plugins/rating/jquery.rating-stars.js"></script>
<script src="../../assets/plugins/rating/jquery.barrating.js"></script>
<script src="../../assets/plugins/rating/ratings.js"></script>
	
	
Type URL
Plugin Link jquery-bar-rating/
Counters

General Counters HTML structure in Zendash template.

	
		
	

<!-- Internal Counter js -->
<script src="./../../assets/plugins/counters/jquery.missofis-countdown.js"></script>
<script src="./../../assets/plugins/counters/counter.js"></script>


	
	
Countdown-time

General Countdown-time HTML structure in Zendash template.

	
		
	

<!-- Internal Countdown-time js -->
<script src="../../assets/plugins/countdown/countdowntime.js"></script>
<script src="../../assets/js/counterup.js"></script>