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.

Support for my items includes:

  • Responding to questions or problems regarding the item and its features
  • Fixing bugs and reported issues
  • Providing updates to ensure compatibility with new software versions

Item support does not include:

  • Customization and installation services
  • Support for third party software and plug-ins

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 install from 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

/scss/ - Sass styles
style.sass - master file, which are included all the other styles

/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

/vendor/ - sjavascript plugins
/js/ - javscript files

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:



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