live_help Documentation

Instructions and tips of how to use and customize in your own way.

Aero Admin v1.0.5

Thank you for purchasing my theme.

If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here.

Thanks so much!

Installation

This theme was built using many technologies as possible, like NPM and Bower.

Installing NPM

NPM is the package manager for JavaScript.

Follow this tutorial to install NPM into your computer.

Installing Bower

Web sites are made of lots of things — frameworks, libraries, assets, and utilities. Bower manages all these things for you.

Follow this tutorial to install Bower into your computer.

PS: If you're using Windows, don't forget to add Bower and NPM to your environment variables!
Downloading the plugins

Open the console in the app folder, and type bower install. Wait a few minutes and all the plugins will be downloaded.

Downloading Bower dependencies

After that, we must install the npm dependencies typing npm install. Wait until the download finish to continue.

Downloading NPM dependencies
Processing SASS

All done, let's generate the CSS. Just type npm run gulp in the console. After every little change in any .scss file you'll have to do this step again.

Generating CSS

Template Structure

This theme is a fixed layout with one column.

Header

You can use the tag nav to mount your own menu.

Menu HTML
Content

The content goes into a div with class="main-content", inside the main tag.

Add the no-gutter class if you want to decrease the content padding.

Content HTML
Footer

The footer inside the footer tag.

Footer HTML

Stylesheet files

The CSS files are imported into the head tag, and are splitted into 4 groups:

  • Global: framework files
  • Theme: theme files (dark/light, main and alternative colors)
  • Util: utility files (like theme switcher)
  • Page: files used only in current page
Stylesheet files
Javascript files

The JS files are imported in the end of the body tag, and are splitted into 4 groups:

  • Global: framework files
  • Theme: theme files (dark/light, main and alternative colors)
  • Util: utility files (like theme switcher)
  • Page: files used only in current page
Javascript files

Sources and Credits

I've used the following images, icons or other files as listed.

  • jQuery: jQuery is a fast, small, and feature-rich JavaScript library.
  • Materialize: A modern responsive front-end framework based on Material Design.
  • Font Awesome: The iconic font and CSS toolkit.
  • Javascript code prettifier: An embeddable script that makes source-code snippets in HTML prettier.
  • amcharts: Charting library & maps. Where all data goes visual.
  • DataTables: Table plug-in for jQuery.
  • slimScroll: small jQuery plugin that transforms any div into a scrollable area with a nice scrollbar.
  • jQuery File Upload: File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery.
  • Google Maps: Customize maps with your own content and imagery.
  • Google Charts: Interactive charts for browsers and mobile devices.
  • Select2: The jQuery replacement for select boxes.

Conclusion

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.