Edomi - Online Education & Learning Courses HTML CSS Responsive Template

File Upload

General File Upload HTML structure in Shifto template. Here is the Folder structure.

    
<!-- file uploads js -->
<script src="../assets/plugins/fileuploads/js/fileupload.js"></script>

Custom Js

    
 $('.dropify').dropify({
	messages: {
		'default': 'Drag and drop a file here or click',
		'replace': 'Drag and drop or click to replace',
		'remove': 'Remove',
		'error': 'Ooops, something wrong appended.'
	},
	error: {
		'fileSize': 'The file size is too big (2M max).'
	}
});

Type	URL
Plugin Link	http://jeremyfagis.github.io/dropify/

Time picker

A JavaScript component for choosing Time picker, times.General Time picker HTML structure in Shifto template. Here is the Folder structure.

    
<!-- Timepicker js -->
<script src="../assets/plugins/time-picker/jquery.timepicker.js"></script>
<script src="../assets/plugins/time-picker/toggles.min.js"></script>

Custom Js

    
$('#tpBasic').timepicker();

Type	URL
Plugin Link (Timepicker)	https://www.jonthornton.com/jquery-timepicker/

Select2

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.General Select2 HTML structure in Shifto template. Here is the Folder structure.

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

HTML
JS

    
	<!--Select2 js -->
	<script src="../assets/plugins/select2/select2.full.min.js"></script>
	<script src="../assets/js/select2.js"></script>

Type	URL
Plugin Link	https://select2.org//

Date Picker

DataTables is very simple to use as a jQuery plug-in with a huge range of customizable option..

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

HTML
JS

    
<!-- Datepicker js -->
<script src="../assets/plugins/date-picker/spectrum.js"></script>
<script src="../assets/plugins/date-picker/jquery-ui.js"></script>

Open date-picker .js file (../assets/js/date-picker.js) You can see below js



$('.fc-datepicker').datepicker({
 showOtherMonths: true,
 selectOtherMonths: true
});

$('#datepickerNoOfMonths').datepicker({
 showOtherMonths: true,
 selectOtherMonths: true,
 numberOfMonths: 2
});

Type	URL
Plugin Link	http://jqueryui.com/datepicker/