Pixelstrap - Admin Document

Js structure

We have used plugins for designing the template, and to make sure that those plugins work we need to add the javascript files that are responsible for creating such designs.

js
- animation
  - animate-custom.js
  - aos
    - aos.js
    - aos-init.js
  - scroll-reveal
    - reveal-custom.js
    - scrollreveal.min.js
  - tilt
    - tilt.jquery.js
    - tilt-custom.js
  - wow
    - wow.min.js
    - wow-init.js
- bookmark
  - custom.js
  - jquery.validate.min.js
- bootstrap
  - bootstrap.js
  - popper.min.js
- button-builder
  - clipboard.min.js
  - colorpicker.js
  - extend-1.0.js
  - generator.js
- calendar
  - app.js
  - calendars.js
  - chance.min.js
  - inital.js
  - moment.min.js
  - schedules.js
  - tui-calendar.js
  - tui-code-snippet.min.js
  - tui-date-picker.min.js
  - tui-time-picker.min.js
- chart
  - apex-chart
    - apex-chart.js
    - chart-custom.js
    - moment.min.js
    - stock-prices.js
  - chartist
    - chartist.js
    - chartist-custom.js
    - chartist-plugin-tooltip.js
  - chartjs
    - chart.custom.js
    - chart.min.js
  - flot-chart
    - excanvas.js
    - excanvas.min.js
    - flot-script.js
    - jquery.flot.canvas.js
    - jquery.flot.categories.js
    - jquery.flot.crosshair.js
    - jquery.flot.errorbars.js
    - jquery.flot.fillbetween.js
    - jquery.flot.image.js
    - jquery.flot.js
    - jquery.flot.navigate.js
    - jquery.flot.pie.js
    - jquery.flot.resize.js
    - jquery.flot.selection.js
    - jquery.flot.stack.js
    - jquery.flot.symbol.js
    - jquery.flot.threshold.js
    - jquery.flot.time.js
    - jquery.js
  - google
    - google-chart.js
    - google-chart-loader.js
  - knob
    - knob.min.js
    - knob-chart.js
  - morris-chart
    - morris.js
    - morris.min.js
    - morris-script.js
    - prettify.min.js
    - raphael.js
  - peity-chart
    - peity.jquery.js
    - peity-custom.js
  - sparkline
    - sparkline.js
    - sparkline-script.js
- clipboard
  - clipboard.min.js
  - clipboard-script.js
- contacts
  - custom.js
- counter
  - counter-custom.js
  - jquery.counterup.min.js
  - jquery.waypoints.min.js
- custom-card
  - custom-card.js
- dashboard
  - dashboard_2.js
  - default.js
- datatable
  - datatable-extension
    - buttons.bootstrap4.min.js
    - buttons.colVis.min.js
    - buttons.html5.min.js
    - buttons.print.min.js
    - custom.js
    - dataTables.autoFill.min.js
    - dataTables.bootstrap4.min.js
    - dataTables.buttons.min.js
    - dataTables.colReorder.min.js
    - dataTables.fixedHeader.min.js
    - dataTables.keyTable.min.js
    - dataTables.responsive.min.js
    - dataTables.rowReorder.min.js
    - dataTables.scroller.min.js
    - dataTables.select.min.js
    - jszip.min.js
    - pdfmake.min.js
    - responsive.bootstrap4.min.js
    - vfs_fonts.js
  - datatables
    - datatable.custom.js
    - jquery.dataTables.min.js
- datepicker
  - date-picker
    - datepicker.custom.js
    - datepicker.en.js
    - datepicker.js
  - daterange-picker
    - daterangepicker.js
    - daterange-picker.custom.js
    - moment.min.js
  - date-time-picker
    - datetimepicker.custom.js
    - moment.min.js
    - tempusdominus-bootstrap-4.min.js
- dragable
  - jquery-ui.min.js
  - sortable.js
  - sortable-custom.js
- drilldown
  - dropdown-collapse-main.js
  - dropdown-coolapse-menu-aim.js
- dropzone
  - dropzone.js
  - dropzone-scrip.js
  - dropzone-script.js
- editor
  - ace-editor
    - ace.js
    - ace-custom.js
    - mode-css.js
    - mode-html.js
    - mode-javascript.js
    - mode-php.js
    - theme-monokai.js
    - worker-css.js
    - worker-html.js
    - worker-javascript.js
    - worker-php.js
  - ckeditor
    - adapters
      - jquery.js
    - build-config.js
    - ckeditor.custom.js
    - ckeditor.js
    - config.js
    - contents.css
    - lang
    - plugins
    - skins
    - styles.js
  - simple-mde
    - simplemde.custom.js
    - simplemde.min.js
  - summernote
    - summernote.custom.js
    - summernote.js
- form-builder
  - form-builder-1
    - main-built.js
    - require.js
  - form-builder-2
    - beautifyhtml.js
    - form-builder-2.js
- form-wizard
  - form-wizard.js
  - form-wizard-five.js
  - form-wizard-three.js
  - form-wizard-two.js
  - jquery.backstretch.min.js
- icons
  - feather-icon
    - feather.min.js
    - feather-icon.js
    - feather-icon-clipart.js
  - flag-icon-clipart.js
  - icon-clipart.js
  - icons-notify.js
  - whether-icon-clipart.js
- image-cropper
  - cropper.js
  - cropper-main.js
- internationalization
  - language-picker.js
- jarallax_libs
  - jarallax.js
  - libs.min.js
- jkanban
  - custom.js
  - jkanban.js
- jsgrid
  - griddata.js
  - jsgrid.js
  - jsgrid.min.js
- map-js
  - custom.js
  - download.png
  - mapsjs-core.js
  - mapsjs-mapevents.js
  - mapsjs-service.js
  - mapsjs-ui.js
- notify
  - bootstrap-notify.min.js
  - index.js
  - notify-script.js
- owlcarousel
  - owl.carousel.js
  - owl-custom.js
- page-builder
  - ckeditor.js
  - config.js
  - jquery.grideditor.min.js
  - jquery.js
  - lang
  - page-builder-custom.js
  - skins
  - styles.js
- photoswipe
  - photoswipe.js
  - photoswipe.min.js
  - photoswipe-ui-default.min.js
- prism
  - prism.min.js
- range-slider
  - ion.rangeSlider.min.js
  - rangeslider-script.js
- rating
  - jquery.barrating.js
  - rating-script.js
- scrollable
  - perfect-scrollbar.min.js
  - scrollable-custom.js
- scrollbar
  - custom.js
  - simplebar.js
- select2
  - select2.full.min.js
  - select2-custom.js
- sticky
  - sticky.js
- sweet-alert
  - app.js
  - sweetalert.min.js
- task
  - custom.js
- theme-customizer
  - customizer.js
- timeline
  - timeline-v-1
    - main.js
  - timeline-v-2
    - jquery.timeliny.min.js
    - timeline-v-2-custom.js
- time-picker
  - clockpicker.js
  - highlight.min.js
  - jquery-clockpicker.min.js
- todo
  - todo.js
- touchspin
  - input-groups.min.js
  - touchspin.js
  - vendors.min.js
- tour
  - intro.js
  - intro-init.js
- tree
  - jstree.min.js
  - tree.js
- typeahead
  - data
  - handlebars.js
  - typeahead.bundle.js
  - typeahead.custom.js
- typeahead-search
  - handlebars.js
  - typeahead-custom.js
- vector-map
  - jquery-jvectormap-2.0.2.min.js
  - map
  - map-vector.js
- button-tooltip-custom.js
- chart-widget.js
- comapct-menu.js
- config.js
- countdown.js
- ecommerce.js
- email-app.js
- form-validation-custom.js
- fullscreen.js
- general-widget.js
- height-equal.js
- hide-on-scroll.js
- isotope.pkgd.js
- jquery-3.6.0.min.js
- jquery.ui.min.js
- jquery-3.5.1.min.js
- landing.js
- landing_sticky.js
- login.js
- masonry-gallery.js
- modal-animated.js
- modernizr.js
- popover-custom.js
- print.js
- product-list-custom.js
- product-tab.js
- radial-chart-tooltip.js
- script.js // Custom script add here for all pages
- scrollpy_landing.js
- sidebar-menu.js // custom sidebar script file
- support-ticket-custom.js
- tooltip-init.js

Tips

If you want to add your own javascript code. We advice you do that by creating a new custome-script.js. That way, when we provide any updates in the future, our changes won't affect you custom-made script and you code won't interfere with our updates.