noa – Bootstrap5 Admin & Dashboard Template

noa - Bootstrap5 Admin & Dashboard Template

Note:-

Please refer Faq's page in documentation itself for queries of customization like Colors,RTL ,Dark,Background Image styles,etc..

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 noa template. Here is the Folder structure.

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

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

Date, Month, Year Range Picker

A JavaScript component for choosing date ranges, dates and Month, year.General Date Range Picker HTML structure in noa template. Here is the Folder structure.

    
<!-- INTERNAL Datepicker js -->
<script src="../assets/plugins/bootstrap-datepicker/bootstrap-datepicker.js"></script>

NOTE:You can simply change date picker format by changing format: 'dd-mm-yyyy', in the particular id of it's js

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

    
//Date picker
$('#datepicker-date').bootstrapdatepicker({
	format: "dd-mm-yyyy",
	viewMode: "date",
	multidate: true,
	multidateSeparator: "-",
})

//Month picker
$('#datepicker-month').bootstrapdatepicker({
	format: "MM",
	viewMode: "months",
	minViewMode: "months",
	multidate: true,
	multidateSeparator: "-",
})

//Year picker
$('#datepicker-year').bootstrapdatepicker({
	format: "yyyy",
	viewMode: "year",
	minViewMode: "years",
	multidate: true,
	multidateSeparator: "-",
})

Type	URL
Plugin Link	https://github.com/uxsolutions/bootstrap-datepicker/
Plugin Link	http://jqueryui.com/

Multiple Select Styles

Multiple Select also supports multi-value select boxes. The select below is declared with the multiple attribute.General Multiple Select HTML structure in noa template. Here is the Folder structure.

HTML
JS

    
<!-- Internal  Form-elements js -->
<script src="../assets/js/formelementadvnced.js"></script>

Type	URL
Plugin Link	http://multiple-select.wenzhixin.net.cn/en/

File Upload

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

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

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

Fancy uploader

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

    
<!--  INTERNAL File-Uploads Js -->
<script src="../assets/plugins/fancyuploder/jquery.ui.widget.js"></script>
<script src="../assets/plugins/fancyuploder/jquery.fileupload.js"></script>
<script src="../assets/plugins/fancyuploder/jquery.iframe-transport.js"></script>
<script src="../assets/plugins/fancyuploder/jquery.fancy-fileupload.js"></script>
<script src="../assets/plugins/fancyuploder/fancy-uploader.js"></script>

Type	URL
Plugin Link	https://www.jqueryscript.net/demo/Fancy-File-Uploader-jQuery/