v1.3.0   |   DOCUMENTATION     by Sergei Nedelko

Thank you for purchasing PixelAdmin template. If you will have any questions, please feel free to email me. I can't always guarantee a solution but I will do my best to assist you. Thanks very much!


Features

Full feature list

Supported browsers

Folder structure

HTML structure

The template uses a responsive 12-column fluid layout. The general page structure is the same throughout the template.

PixelAdmin

Preparing to development

Note: I would not recommend editing the source files, because you may have trouble with code update in the future.

Note: I recommend exclude unused plugins and components before development.

Installation
Customizing LESS

You can customize general Bootstrap variables by editing the styles/libs/bootstrap-3.1.1/variables.less file.

Also you can customize general PixelAdmin variables by editing the styles/pixel-admin.less file.

To exclude unused components, you need remove all imports of the component in the next files:

Also check used theme's less file to remove theme-specific component generators.

For example, if you want remove DatePicker styles, you need (default theme):

In the same way you can remove widgets/pages, but additionally you need to remove imports from the styles/pixel-admin-less/widgets/widgets.less/styles/pixel-admin-less/pages/pages.less.

To change image and font paths you can edit @fonts-path and @images-path variables in the styles/pixel-admin-less/variables.less file.

Customizing SCSS

You can customize general Bootstrap and PixelAdmin variables by editing the styles/pixel-admin-scss/_variables.scss file. If you want to change extra bootstrap variables - You will need to put them in this file (Bootstrap's _variables.scss must be untouched).

To exclude unused components, you need remove all imports of the component in the next files:

Also check used theme's scss file to remove theme-specific component generators.

For example, if you want remove DatePicker styles, you need (default theme):

In the same way you can remove widgets/pages, but additionally you need to remove imports from the styles/pixel-admin-scss/widgets/widgets.scss/styles/pixel-admin-scss/pages/pages.scss.

To change image and font paths you can edit $fonts-path and $images-path variables in the styles/pixel-admin-scss/_variables.scss file.

Customizing JS

Removing javascript plugins is pretty easy - just open the tasks/concat.js file and remove the needed line.

Assets compilation

After customization you need to compile your LESS/SCSS and JavaScript sources by running the following commands from command line in the PixelAdmin directory:
- grunt compile-less

SCSS cources compilation:
- grunt compile-sass

JavaScript cources compilation:
- grunt compile-js

Also I recommend to use a very useful command grunt watch. This command will recompile project with any change of project files.

Licenses

There are three types of licenses available:

Single Application License
Multiple Applications License
Extended License

Changelog

v1.3.0 - 05/03/2014
v1.2.1 - 04/14/2014
v1.2.0 - 04/13/2014
v1.1.0 - 04/03/2014
v1.0.0 - 03/31/2014