Menu
Getting started with UniverseAdmin
Thanks for Purchasing UniverseAdmin. UniverseAdmin is a clean admin template based on Boostrap 4. Built with CSS, jQuery and Sass.
Introduction
A full featured, premium web application admin dashboard built with Twitter Bootstrap 4, JQuery and CSS. It comes with a lot of ready to use components ideal for bulding you web application, CRM, CMS, admin panel, dashboard, or any other type of application backend. UniverseAdmin coded highly responsive for your mobile phone & tablets. Completely modular with many unique features, it will help you build your next awesome product.
You can visit the Bootstrap page to find out all the various components that you can implement with UniverseAdmin. The docs are comprehensive and they include everything to help you get started with using all the various components.
Once you've purchased UniverseAdmin, please leave a rating! Positive ratings help bring out more updates and add more features to the template.
If you have any questions that are beyond the scope of this help file, please feel free to get in touch.
Install Gulp
The template is built on top of gulp and bower tools. Use of these tools is completely optional.
What is bower and gulp?
Gulp is the build system used to build and preview your project. Bower is a package manager is used for dependency management, so that you no longer have to manually download and manage your scripts.
Installing requirements
In order to utilize the build and livereload features of the template you need to install the following on your development computer.
- Node.js and NPM. You can download Node.js from here https://nodejs.org/download/. Npm comes bundled with Node.js
- Next you need to install gulp using this command
npm install --global gulp - Finally run
npm installfrom the root of your project to install all the necessary dependencies. By default bower packages will install to app/vendor.
Once you have all tools and dependencies installed you can use this command in your project:
gulp
gulp launches a localhost preview of your app (with Livereload) and will compile either your sass files or Sass files to css
Theme
Package contents
The download package includes JavaScript, font assets, img assets, json data files, source sass files.
Files under the build folder have not been modified in anyway.
This should in essense help you manage all your third party components and plugins with ease.
A list of all third party resources can be found in the src section.
These are not covered in this documentation but instead you can heard on over to each respective plugin's homepage to discover how you can use them with the template.
The docs are comprehensive and they include everything to help you get started.
Folder structure:
theme/ ├── dist │ ├── css │ ├── fonts │ ├── img │ ├── js │ └── vendor ├── docs ├── src │ ├── fonts │ ├── html │ ├── img │ ├── js │ │ ├── app │ │ ├── lib │ │ └── vendor │ ├── scss │ │ ├── common │ │ ├── components │ │ ├── modules │ │ └── page └── └── vendor
/dist - contains compiled files of the admin theme.
/docs - contains documentation.
/src/ - contains core source files of the admin theme.
/fonts/ - fonts
/img/ - images
/common/ -styles of basic blocks (head, footer, sidebar) and variables
/components/ - the general bootstrap components, styles of interface elements (buttons, progress bars, tables, etc.)
/modules/ - Modules
/modules/ - Pages
main.js - include common plug-ins are used on all pages
/preview/ - scripts for demo usage
/node_modules/ - modules node.js library
Layouts & Options
This theme is a fluid layout with 4+ columns. Default blank layout with side menu looks:
Resources
- Images from www.pexels.com (Free)
- Avatars from www.uifaces.com (Free)
Plugins
- Autosize (MIT)
- JavaScript Canvas to Blob (MIT)
- jQuery File Upload (Blueimp) (MIT)
- JavaScript Load Image (Blueimp) (MIT)
- JavaScript Templates (Blueimp) (MIT)
- Bootstrap (MIT)
- Bootstrap Select (MIT)
- Bootstrap Sweet Alert (MIT)
- Bootstrap Table (MIT)
- Bootstrap Touchspin (Apache 2.0)
- Bootstrap clockpicker (MIT)
- Bootstrap Datetime Picker (MIT)
- FancyBox (MIT)
- FileSaver (MIT)
- FullCalendar (MIT)
- FullCalendar Scheduler (MIT)
- html2canvas (MIT)
- jQuery form Validation (MIT)
- jQuery (MIT)
- jQuery Typeahead (MIT)
- jScrollPane (MIT)
- jsPDF (MIT)
- jsPDF AutoTable (MIT)
- jquery.matchHeight (MIT)
- Moment (MIT)
- Moment Timezone (MIT)
- Peity (MIT)
- Responsive bootstrap toolkit (MIT)
- Select2 (MIT)
- Slick (MIT)
- Table Export jQuery plugin (MIT)
- Tether (MIT)
- Bootstrap MaxLength (MIT)
- Hide/Show Password (MIT)
- jQuery Mask Plugin (MIT)
- Ladda buttons (MIT)
- Remarkable bootstrap notify (MIT)
- PNotify (Apache 2.0)
- Notie (MIT)
- Summernote (MIT)
- Plottable.js (MIT)
- C3.js (MIT)
- Ion rangeSlider (MIT)
Credits
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section

