Plugin's Usage Information
We are using multiple awesome plugins (optional) to build out the application pages and others.
The following table is describing the necessary assets to include in your *.blade.php file
if you are looking to use the same.
You can add the required javascript file inside block @section('script') and it would be available in your page.
Similarly you can the required css file inside block @section('css').
| Page / App | Plugin CSS | Plugin js | Custom js |
|---|---|---|---|
| Chat - App | sweetalert2.min.css | sweetalert2.min.js, jquery.scrollTo.min.js, moment.min.js | jquery.chat.js |
| Todo - App | sweetalert2.min.css | sweetalert2.min.js, moment.min.js | jquery.todo.js |
| Kanbanboard | - | jquery-ui.min.js | kanban.init.js |
| Calendar | fullcalendar.min.css | moment.min.js, jquery-ui.min.js, fullcalendar.min.js | calendar.init.js |
| Coming-soon | - | jquery.countdown.min.js | coming-soon.init.js |
| Gallery | magnific-popup.css | jquery.magnific-popup.min.js | gallery.init.js |
| Modals | custombox.min.css | custombox.min.js | - |
| Notifications | jquery.toast.min.css | jquery.toast.min.js | toastr.init.js |
| Tooltips & Popovers | - | tippy.all.min.js | - |
| Nestable | jquery.nestable.min.css | jquery.nestable.min.js | nestable.init.js |
| Range-slider | ion.rangeSlider.css, ion.rangeSlider.skinModern.css | ion.rangeSlider.min.js | range-sliders.init.js |
| Animation | animate.min.css | - | animation.init.js |
| Sweet-alert | sweetalert2.min.css | sweetalert2.min.js | sweet-alerts.init.js |
| Tour | hopscotch.min.css | hopscotch.min.js | tour.init.js |
| Loading-buttons | ladda-themeless.min.css | spin.js, ladda.js | loading-btn.init.js |
| Forms-advanced - Nice Select | nice-select.css | jquery.nice-select.min.js | form-advanced.init.js |
| Forms-advanced - Switchery | switchery.min.css | switchery.min.js | form-advanced.init.js |
| Forms-advanced - Select2 | select2.min.css | select2.min.js | form-advanced.init.js |
| Forms-advanced - Bootstrap MaxLength | - | bootstrap-maxlength.min.js | form-advanced.init.js |
| Forms-advanced - Multiple Select | multi-select.css | jquery.multi-select.js | form-advanced.init.js |
| Forms-advanced - Auto Complete | - | jquery.mockjax.min.js, jquery.autocomplete.min.js | form-advanced.init.js |
| Forms-advanced - Bootstrap-select | bootstrap-select.min.css | bootstrap-select.min.js | form-advanced.init.js |
| Forms-advanced - Bootstrap Touchspin | jquery.bootstrap-touchspin.css | jquery.bootstrap-touchspin.min.js | form-advanced.init.js |
| Forms-validation - Parsley | - | parsley.min.js | form-validation.init.js |
| Form Pickers - Flatpickr | flatpickr.min.css | flatpickr.min.js | form-pickers.init.js |
| Form Pickers - Colorpicker | bootstrap-colorpicker.min.css | bootstrap-colorpicker.min.js | form-pickers.init.js |
| Form Pickers - Clock Picker | bootstrap-clockpicker.min.css | bootstrap-clockpicker.min.js | form-pickers.init.js |
| Form Wizard | - | jquery.bootstrap.wizard.min.js | form-wizard.init.js |
| Form Masks - Input Masks | - | jquery.mask.min.js | - |
| Form Masks - Auto Numberic | - | autoNumeric-min.js | form-masks.init.js |
| Summernote | summernote-bs4.css | summernote-bs4.min.js | form-summernote.init.js |
| Quilljs Editor | quill.core.css, quill.bubble.css, quill.snow.css | katex.min.js, quill.min.js | form-quilljs.init.js |
| File Uploads - Dropzone | dropzone.min.css | dropzone.min.js | - |
| File Uploads - Dropify | dropify.min.css | dropify.min.js | form-fileuploads.init.js |
| X Editable | bootstrap-editable.css | moment.min.js, bootstrap-editable.min.js | form-xeditable.init.js |
| Image Crop | cropper.min.css | cropper.min.js | form-imagecrop.init.js |
| Datatables | dataTables.bootstrap4.css, responsive.bootstrap4.css, buttons.bootstrap4.css, select.bootstrap4.css | jquery.dataTables.js, dataTables.bootstrap4.js, dataTables.responsive.min.js, responsive.bootstrap4.min.js, dataTables.buttons.min.js, buttons.bootstrap4.min.js, buttons.html5.min.js, buttons.flash.min.js, buttons.print.min.js, dataTables.keyTable.min.js, dataTables.select.min.js, pdfmake.min.js, vfs_fonts.js | datatables.init.js |
| Table Editable | - | jquery.tabledit.min.js | tabledit.init.js |
| Responsive Table | rwd-table.min.css | rwd-table.min.js | responsive-table.init.js |
| Foo Tables | footable.core.min.css | footable.all.min.js | foo-tables.init.js |
| Bootstrap Tables | bootstrap-table.min.css | bootstrap-table.min.js | bootstrap-tables.init.js |
| Tablesaw Tables | tablesaw.css | tablesaw.js | tablesaw.init.js |
| JsGrid Tables | jsgrid.min.css, jsgrid-theme.css | jsgrid.min.js | jsgrid.init.js |
| Flot Charts | - | jquery.flot.js, jquery.flot.time.js, jquery.flot.tooltip.min.js, jquery.flot.resize.js, jquery.flot.pie.js, jquery.flot.selection.js, jquery.flot.stack.js, jquery.flot.orderBars.js, jquery.flot.crosshair.js | flot.init.js |
| Morris Charts | - | morris.min.js, raphael.min.js | morris.init.js |
| Chartjs | - | Chart.bundle.min.js | chartjs.init.js |
| Peity Charts | - | jquery.peity.min.js | peity.init.js |
| Chartist Charts | chartist.min.css | chartist.min.js, chartist-plugin-tooltip.min.js | chartist.init.js |
| C3 Charts | c3.min.css | d3.min.js, c3.min.js | c3.init.js |
| Sparklines | - | jquery.sparkline.min.js | sparkline.init.js |
| Jquery knob Charts | - | jquery.knob.min.js | - |
| Ricksaw Charts | rickshaw.min.css | d3.min.js(v3.5.17), rickshaw.min.js | ricksaw.init.js |
| JustGage | - | raphael.min.js, justgage.js | justgage.init.js |
| Google Maps | - | gmaps.min.js | google-maps.init.js |
| Vector Maps | jquery-jvectormap-1.2.2.css | jquery-jvectormap-1.2.2.min.js, jquery-jvectormap-world-mill-en.js, jquery-jvectormap-us-merc-en.js, jquery-jvectormap-in-mill-en.js, jquery-jvectormap-au-mill-en.js, jquery-jvectormap-us-il-chicago-mill-en.js, jquery-jvectormap-uk-mill-en.js, jquery-jvectormap-ca-lcc-en.js | vector-maps.init.js |
| Mapeal Maps | - | raphael.min.js, jquery.mapael.min.js, world_countries.min.js, usa_states.min.js | mapeal-maps.init.js |