Color Admin

“Angular 6 Version” Documentation by “Sean Ngu” v4.2

6.0

Created: 31/October/2014
By: Sean Ngu
Email: nguoksiong@live.co.uk

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 your question to my email nguoksiong@live.co.uk. Thanks so much!

Follow the following step to install the angular 6 in your localhost
You may refer to their official documentation for how to setup the development environment.
Setup Guide

cd /your-path-url/template_angular6
npm install 
ng serve

Verify that you are running at least node 6.9.x and npm 3.x.x by running node -v and npm -v in a terminal/console window. Older versions produce errors, but newer versions are fine.

! If you are moving out the angular 6 version, DO NOT forget to copy over the assets folder SAME LEVEL to the angular 6 folder. This is because we are copying the css files from assets folder during the installation.
assets/
template_angular6/

File structure overview for Angular JS 6 Version

template_angularjs6/
├── angular.json
├── karma.conf.js
├── package.json
├── protractor.conf.js
├── README.md
├── tsconfig.json
├── tslint.json
├── e2e/
└── src/
    ├── index.html
    ├── favicon.ico
    ├── main.ts
    ├── polyfills.ts
    ├── styles.css
    ├── tsconfig.app.json
    ├── tsconfig.spec.json
    ├── typings.d.ts
    ├── app/
    │   ├── app.routing.module.ts
    │   ├── app.component.css
    │   ├── app.component.html
    │   ├── app.component.spec.ts
    │   ├── app.component.ts
    │   ├── app.module.ts
    │   ├── components/
    │   ├── config/
    │   └── pages/
    ├── assets/ 
    │   ├── img/
    │   └── plugins/
    └── environments/

This template can be used as an fluid layout with a max of 12 columns next to each other. The general template structure is the same throughout the template. Here is the general structure.

<ng2-slim-loading-bar [ngClass]="{ 'top': pageSettings.pageEmpty }"></ng2-slim-loading-bar>

<!-- begin #page-container -->
<div id="page-container" class="page-container fade page-sidebar-fixed page-header-fixed show" [ngClass]="{
    'has-scroll' : pageHasScroll,
    'page-sidebar-minified': pageSettings.pageSidebarMinified,
    'page-with-footer': pageSettings.pageWithFooter,
    'page-content-full-height': pageSettings.pageContentFullHeight,
    'page-without-sidebar': pageSettings.pageWithoutSidebar,
    'page-with-right-sidebar': pageSettings.pageSidebarRight,
    'page-with-two-sidebar': pageSettings.pageSidebarTwo,
    'page-with-wide-sidebar': pageSettings.pageSidebarWide,
    'page-right-sidebar-collapsed': pageSettings.pageSidebarRightCollapsed,
    'page-with-light-sidebar': pageSettings.pageSidebarLight,
    'page-with-top-menu': pageSettings.pageTopMenu,
    'page-sidebar-toggled': pageSettings.pageMobileSidebarToggled,
    'page-right-sidebar-toggled': pageSettings.pageMobileRightSidebarToggled,
    'p-0': pageSettings.pageEmpty
  }">

  <top-menu *ngIf="pageSettings.pageTopMenu && !pageSettings.pageEmpty"></top-menu>

  <header (toggleSidebarRightCollapsed)="onToggleSidebarRight($event)" 
    (toggleMobileSidebar)="onToggleMobileSidebar($event)" 
    (toggleMobileRightSidebar)="onToggleMobileRightSidebar($event)" 
    [pageSidebarTwo]="pageSettings.pageSidebarTwo" 
    *ngIf="!pageSettings.pageEmpty"></header>

  <sidebar (toggleSidebarMinified)="onToggleSidebarMinified($event)" 
    (hideMobileSidebar)="onHideMobileSidebar($event)" 
    *ngIf="!pageSettings.pageWithoutSidebar && !pageSettings.pageEmpty" 
    [pageSidebarTransparent]="pageSettings.pageSidebarTransparent"></sidebar>

  <sidebar-right (hideMobileRightSidebar)="onHideMobileRightSidebar($event)" 
    *ngIf="pageSettings.pageSidebarTwo && !pageSettings.pageEmpty"></sidebar-right>

  <div id="content" class="content" [ngClass]="{
    'content-full-width': pageSettings.pageContentFullWidth,
    'content-inverse-mode': pageSettings.pageContentInverseMode,
    'p-0 m-0': pageSettings.pageEmpty
  }">
    <router-outlet></router-outlet>
  </div>

  <footer *ngIf="pageSettings.pageWithFooter"></footer>
</div>
<!-- end #page-container -->

Below code is used to detect the internet explorer for browser compatibility & styling setting usage.

<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->

Page head contains metadata, javascript and css files:

<head>
  <meta charset="utf-8" />
  <title>Color Admin</title>
  <base href="/">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" 
        name="viewport" />
  <meta content="" name="description" />
  <meta content="" name="author" />
  <link rel="icon" type="image/x-icon" href="favicon.ico" />
</head>
<body class="angular5" detect-scroll (onScroll)="handleScroll($event)">
<!-- begin #header -->
<div id="header" class="header navbar-default">
  <!-- begin navbar-header -->
  <div class="navbar-header">
    <ng-container *ngIf="this.pageSidebarTwo">
      <button type="button" class="navbar-toggle pull-left" (click)="mobileSidebarToggle()">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <button type="button" class="navbar-toggle pull-right" (click)="mobileRightSidebarToggle()">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </ng-container>
    <a href="/" class="navbar-brand"><span class="navbar-logo"></span> <b>Color</b> Admin</a>
    <button type="button" class="navbar-toggle" (click)="mobileSidebarToggle()" 
      *ngIf="!this.pageSidebarTwo">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
  </div>
  <!-- end navbar-header -->

  <!-- begin header-nav -->
  <ul class="navbar-nav navbar-right">
    <li>
      <form class="navbar-form">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Enter keyword" />
          <button type="submit" class="btn btn-search"><i class="fa fa-search"></i></button>
        </div>
      </form>
    </li>
    <li class="dropdown" ngbDropdown>
      <a href="javascript:;" ngbDropdownToggle class="dropdown-toggle f-s-14">
        <i class="fa fa-bell"></i>
        <span class="label">5</span>
      </a>
      <ul class="dropdown-menu media-list dropdown-menu-right" ngbDropdownMenu>
        ...
      </ul>
    </li>
    <li class="dropdown navbar-user" ngbDropdown>
      <a href="javascript:;" class="dropdown-toggle" ngbDropdownToggle>
        <img src="/assets/img/user/user-13.jpg" alt="" />
        <!-- or -->
        <div class="image image-icon bg-black text-grey-darker">
          <i class="fa fa-user"></i>
        </div>
        <span class="d-none d-md-inline">Adam Schwartz</span> <b class="caret"></b>
      </a>
      <div class="dropdown-menu dropdown-menu-right" ngbDropdownMenu>
        ...
      </div>
    </li>
    <li class="divider d-none d-md-block" *ngIf="this.pageSidebarTwo"></li>
    <li class="d-none d-md-block" *ngIf="this.pageSidebarTwo">
      <a href="javascript:;" (click)="toggleSidebarRight()" class="f-s-14">
        <i class="fa fa-th"></i>
      </a>
    </li>
  </ul>
  <!-- end header navigation right -->
</div>
<!-- end #header -->
<!-- begin #sidebar -->
<div id="sidebar" class="sidebar" [ngClass]="{ 'sidebar-transparent': this.pageSidebarTransparent}">
  <!-- begin sidebar scrollbar -->
  <div slimScroll [options]="slimScrollOptions" class="height-full">
    <!-- begin sidebar user -->
    <ul class="nav">
      <li class="nav-profile" [ngClass]="{ 'active' : (navProfileState == 'expand') }">
        <a href="javascript:;" (click)="toggleNavProfile()">
          <div class="cover with-shadow"></div>
          <div class="image">
            <img src="/assets/img/user/user-13.jpg" alt="" />
          </div>
          <!-- or -->
          <div class="image image-icon bg-black text-grey-darker">
            <i class="fa fa-user"></i>
          </div>
          <div class="info">
            <b class="caret pull-right"></b>
            Sean Ngu
            <small>Front end developer</small>
          </div>
        </a>
      </li>
      <li [@expandCollapse]="navProfileState">
        <ul class="nav nav-profile d-block">
          ...
        </ul>
      </li>
    </ul>
    <!-- end sidebar user -->
    <!-- begin sidebar nav -->
    <ul class="nav">
      <li class="nav-header">Navigation</li>

      <!-- render menu item -->
      <ng-template #sidebarMenu let-menu="menu">
        <span class="badge pull-right" *ngIf="menu.badge">{{ menu.badge }}</span>
        <b class="caret" *ngIf="menu.caret"></b>
        <div class="icon-img" *ngIf="menu.img"><img src="{{ menu.img }}" /></div>
        <i class="{{ menu.icon }}" *ngIf="menu.icon"></i>
        <span *ngIf="menu.title">
          {{ menu.title }}
          <span class="label label-theme m-l-5" *ngIf="menu.label">{{ menu.label }}</span>
        </span>
      </ng-template>

      <!-- render submenu item -->
      <ng-template #sidebarSubMenu let-menu="menu">
        <b class="caret pull-right" *ngIf="menu.caret"></b>
        {{ menu.title }}
        <i class="fa fa-paper-plane text-theme m-l-5" *ngIf="menu.highlight"></i>
      </ng-template>

      <!-- sidebar menu -->
      <ng-container *ngFor="let menu of menus">
        <li routerLinkActive="active" #rla1="routerLinkActive" [routerLinkActiveOptions]="{exact: true}" [ngClass]="{ 'expand': (menu.state == 'expand') }">
          <a *ngIf="!menu.url" (click)="(menu.submenu) ? expandCollapseSubmenu(menu, menus, rla1) : ''">
            <ng-container *ngTemplateOutlet="sidebarMenu; context: {menu: menu}"></ng-container>
          </a>
          <a *ngIf="menu.url" [routerLink]="menu.url">
            <ng-container *ngTemplateOutlet="sidebarMenu; context: {menu: menu}"></ng-container>
          </a>

          <!-- sidebar submenu lvl-1 -->
          <div [@expandCollapse]="(menu.state) ? menu.state : ((rla1.isActive && !menu.state) ? 'active' : 'collapse')" *ngIf="menu.submenu">
            <ul class="sub-menu" [ngStyle]="{'margin-top.px': (this.pageSettings.pageSidebarMinified) ? - (scrollTop) : 0 }">
              <ng-container *ngFor="let sub1 of menu.submenu">
                <li routerLinkActive="active" #rla2="routerLinkActive" [routerLinkActiveOptions]="{exact: true}" [ngClass]="{ 'expand': (sub1.state == 'expand') }">
                  <a *ngIf="!sub1.url" (click)="(sub1.submenu) ? expandCollapseSubmenu(sub1, menu, rla2) : ''">
                    <ng-container *ngTemplateOutlet="sidebarSubMenu; context: {menu: sub1}"></ng-container>
                  </a>
                  <a *ngIf="sub1.url" [routerLink]="sub1.url">
                    <ng-container *ngTemplateOutlet="sidebarSubMenu; context: {menu: sub1}"></ng-container>
                  </a>

                  <!-- sidebar submenu lvl-2 -->
                  <div [@expandCollapse]="(sub1.state) ? sub1.state : ((rla2.isActive && !sub1.state) ? 'active' : 'collapse')" *ngIf="sub1.submenu">
                    <ul class="sub-menu">
                      <ng-container *ngFor="let sub2 of sub1.submenu">
                        <li routerLinkActive="active" #rla3="routerLinkActive" [routerLinkActiveOptions]="{exact: true}" [ngClass]="{ 'expand': (sub2.state == 'expand') }">
                          <a *ngIf="!sub2.url" (click)="(sub2.submenu) ? expandCollapseSubmenu(sub2, sub1.submenu, rla3) : ''">
                            <ng-container *ngTemplateOutlet="sidebarSubMenu; context: {menu: sub2}"></ng-container>
                          </a>
                          <a *ngIf="sub2.url" [routerLink]="sub2.url" (click)="(sub2.submenu) ? expandCollapseSubmenu(sub2, sub1.submenu, rla3) : ''">
                            <ng-container *ngTemplateOutlet="sidebarSubMenu; context: {menu: sub2}"></ng-container>
                          </a>

                          <!-- sidebar submenu lvl-3 -->
                          <div [@expandCollapse]="(sub2.state) ? sub2.state : ((rla3.isActive && !sub2.state) ? 'active' : 'collapse')" *ngIf="sub2.submenu">
                            <ul class="sub-menu">
                              <ng-container *ngFor="let sub3 of sub2.submenu">
                                <li routerLinkActive="active" #rla4="routerLinkActive" [routerLinkActiveOptions]="{exact: true}" [ngClass]="{ 'expand': (sub3.state == 'expand') }">
                                  <a *ngIf="!sub3.url" (click)="(sub3.submenu) ? expandCollapseSubmenu(sub3, sub2.submenu, rla4) : ''">
                                    <ng-container *ngTemplateOutlet="sidebarSubMenu; context: {menu: sub3}"></ng-container>
                                  </a>
                                  <a *ngIf="sub3.url" [routerLink]="sub3.url">
                                    <ng-container *ngTemplateOutlet="sidebarSubMenu; context: {menu: sub3}"></ng-container>
                                  </a>
                                </li>
                              </ng-container>
                            </ul>
                          </div>
                        </li>
                      </ng-container>
                    </ul>
                  </div>
                </li>
              </ng-container>
            </ul>
          </div>
        </li>
      </ng-container>

      <!-- begin sidebar minify button -->
      <li><a href="javascript:;" class="sidebar-minify-btn" (click)="toggleMinified()"><i class="fa fa-angle-double-left"></i></a></li>
      <!-- end sidebar minify button -->
    </ul>
    <!-- end sidebar nav -->
  </div>
  <!-- end sidebar scrollbar -->
</div>
<div class="sidebar-bg"></div>
<!-- end #sidebar -->

Page content consists of page title, breadcrumbs and page's main body. HTML code of Content container as shown below:

<div id="content" class="content" [ngClass]="{
'content-full-width': pageSettings.pageContentFullWidth,
'content-inverse-mode': pageSettings.pageContentInverseMode,
'p-0 m-0': pageSettings.pageEmpty
}">
  <router-outlet></router-outlet>
</div>

Javascript files loaded in the end of page. This will reduce page load time.

  <app-root>
    <!-- begin #page-loader -->
    <div id="page-loader" class="fade show"><span class="spinner"></span></div>
    <!-- end #page-loader -->
  </app-root>
</body>
</html>

Here is an example for how to use jQuery plugins in Angular 6 (DataTables)

NPM INSTALLATION
npm install @types/jquery --save
npm install datatables
npm install datatables.net-bs
npm install datatables.net-responsive-bs
TYPESCRIPT FILE:
import { Component, OnInit, ViewEncapsulation, AfterViewInit } from '@angular/core';
import * as $ from 'jquery';
import 'datatables';
import 'datatables.net-bs';
import 'datatables.net-responsive-bs';

@Component({
  selector: 'index',
  templateUrl: './index.html',
  encapsulation: ViewEncapsulation.None,
  styleUrls: [
    '../../../../node_modules/datatables.net-bs/css/dataTables.bootstrap.min.css',
    '../../../../node_modules/datatables.net-responsive-bs/css/responsive.bootstrap.min.css'
  ]
})

export class IndexPage implements AfterViewInit {
  ngAfterViewInit() {
    $(document).ready(function() {
       $('#data-table').DataTable({
        responsive: true
       });
    });
  }
}
ADD THIS TO /src/typings.d.ts
interface JQuery {
   DataTable(options?: any, callback?: Function) : any;
}

Here is the general option for the each case of page options. You may set the option in controller

Option List

import { Component } from '@angular/core';
import pageSettings from '../../config/page-settings';

@Component({
  selector: 'page-blank',
  templateUrl: './page-blank.html'
})

export class PageBlank {
  pageSettings = pageSettings;
  
  constructor() {
    this.pageSettings.pageSidebarMinified = false;
    this.pageSettings.pageContentFullHeight = false;
    this.pageSettings.pageContentFullWidth = false;
    this.pageSettings.pageContentInverseMode = false;
    this.pageSettings.pageWithFooter = false;
    this.pageSettings.pageWithoutSidebar = false;
    this.pageSettings.pageSidebarRight = false;
    this.pageSettings.pageSidebarRightCollapsed = false;
    this.pageSettings.pageSidebarTwo = false;
    this.pageSettings.pageSidebarWide = false;
    this.pageSettings.pageSidebarTransparent = false;
    this.pageSettings.pageSidebarLight = false;
    this.pageSettings.pageTopMenu = false;
    this.pageSettings.pageEmpty = false;
    this.pageSettings.pageBodyWhite = false
    this.pageSettings.pageMegaMenu = false;
    this.pageSettings.pageLanguageBar = false;
  }
}

Here is the general LESS structure for the Color Admin.

Required Files

<link href="../assets/less/default/styles.less" rel="stylesheet/less" type="text/css" />
<script src="../assets/plugins/less/less.min.js" type="text/javascript"></script>

Less file structure

_page_option_list.less, _page_structure_list.less, _component_list.less, _widget_list.less, _plugin_list.less, _page_list.less used to include all the required less files.

assets/less/default/
├── styles.less
├── _component_list.less
├── _content_flat_black.less
├── _helper.less
├── _mixin.less
├── _page_list.less
├── _page_option_list.less
├── _page_structure_list.less
├── _plugin_list.less
├── _responsive.less
├── _variable.less
├── _widget_list.less
├── components/
├── images/
├── page-option/
├── page-structure/
├── pages/
├── plugins/
├── theme/
└── widget/

Here is the general SCSS structure for the Color Admin. For SASS installation, you may refer to their official website.

Compile using command line

sass --source path--/assets/scss/default/styles.scss --destination path--/styles.css

Less file structure

_page_option_list.scss, _page_structure_list.scss, _component_list.scss, _widget_list.scss, _plugin_list.less, _page_list.scss used to include all the required scss files.

assets/scss/default/
├── styles.scss
├── _component_list.scss
├── _content_flat_black.scss
├── _helper.scss
├── _mixin.scss
├── _page_list.scss
├── _page_option_list.scss
├── _page_structure_list.scss
├── _plugin_list.scss
├── _responsive.scss
├── _variable.scss
├── _widget_list.scss
├── components/
├── images/
├── page-option/
├── page-structure/
├── pages/
├── plugins/
├── theme/
└── widget/

Below is the list of package that has been installed in this project. You may use the following example to find the package from their official website. https://www.npmjs.com/package/@ng-bootstrap/ng-bootstrap

{
  "name": "color-admin",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@agm/core": "^1.0.0-beta.2",
    "@angular/animations": "^6.0.6",
    "@angular/cdk": "^6.3.1",
    "@angular/common": "^6.0.6",
    "@angular/compiler": "^6.0.6",
    "@angular/core": "^6.0.6",
    "@angular/forms": "^6.0.6",
    "@angular/http": "^6.0.6",
    "@angular/material": "^6.3.1",
    "@angular/platform-browser": "^6.0.6",
    "@angular/platform-browser-dynamic": "^6.0.6",
    "@angular/router": "^6.0.6",
    "@ng-bootstrap/ng-bootstrap": "^2.1.2",
    "@swimlane/ngx-charts": "^8.1.0",
    "@swimlane/ngx-datatable": "^13.0.1",
    "angular-calendar": "^0.25.2",
    "angular2-fullcalendar": "^1.0.19",
    "bootstrap-social": "^5.1.1",
    "chart.js": "^2.7.1",
    "core-js": "^2.4.1",
    "flag-icon-css": "^3.0.0",
    "ng-fullcalendar": "^1.4.6",
    "ng2-nvd3": "^2.0.0",
    "ng2-slim-loading-bar": "^4.0.0",
    "ng4-charts": "^1.0.2",
    "ngx-countdown": "^3.0.1",
    "ngx-datatable": "^1.0.3",
    "ngx-highlight-js": "^2.0.3",
    "ngx-tags-input": "^1.1.1",
    "ngx-trend": "^3.1.0",
    "rxjs": "^6.2.0",
    "rxjs-compat": "^6.2.0",
    "simple-line-icons": "^2.4.1",
    "sweetalert2": "^7.11.0",
    "zone.js": "^0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.6.8",
    "@angular/cli": "^6.0.8",
    "@angular/compiler-cli": "^6.0.6",
    "@angular/language-service": "^6.0.6",
    "@types/jasmine": "^2.8.8",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "^10.3.6",
    "codelyzer": "^4.4.2",
    "jasmine-core": "^3.1.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^2.0.4",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^2.0.1",
    "karma-jasmine": "^1.1.2",
    "karma-jasmine-html-reporter": "^1.1.0",
    "protractor": "^5.3.2",
    "ts-node": "^7.0.0",
    "tslint": "^5.10.0",
    "typescript": "^2.7.2"
  }
}
Version 4.2.0 - 16 September 2018
  • NEW: Vue Version
  • NEW: Startup Page for HTML / APPLE / MATERIAL / ANGULAR / ANGULAR 6 / LARAVEL / VUE
  • NEW: Angular JS 6 Sidebar Scroll Memory
  • NEW: Angular JS 6 Full Version Page Options
  • NEW: Angular JS 6 Panel Component
  • NEW: Angular JS 6 Ngx DataTables
  • UPGRADE: E-Commerce / Blog / Forum / One Page Parallax to Bootstrap 4
  • UPGRADE: Bootstrap v4.1.3
  • UPGRADE: jQuery v3.3.1
  • UPGRADE: FontAwesome v5.3.1
  • UPGRADE: Ionicons v4.0
  • UPGRADE: Summernote v0.8.10
  • UPGRADE: jQuery Smart Wizard v4.3.1
  • UPGRADE: Select2 v4.0.5
  • UPGRADE: Parsley JS v2.8.1
  • UPGRADE: Moment v2.22.2
  • UPGRADE: Lity v2.3.1
  • UPGRADE: Lightbox2 v2.10.0
  • UPGRADE: Jstree v3.3.5
  • UPGRADE: jQuery-mockjax v2.4.0
  • UPGRADE: jQuery Knob 1.2.11
  • UPGRADE: IonRangeSlider v2.2.0
  • UPGRADE: Intro JS v2.9.0
  • UPGRADE: FullCalendar v3.9.0
  • UPGRADE: Bootstrap Eonasdan Datetimepicker v4.17.47
  • UPGRADE: Dropzone v5.3.0
  • UPGRADE: DataTables v1.10.18
  • UPGRADE: DataTables Extension - AutoFill v2.3.0
  • UPGRADE: DataTables Extension - Buttons v1.5.2
  • UPGRADE: DataTables Extension - ColReorder v1.5.0
  • UPGRADE: DataTables Extension - FixedColumns v3.2.5
  • UPGRADE: DataTables Extension - FixedHeader v3.1.4
  • UPGRADE: DataTables Extension - JSZip v2.5.0
  • UPGRADE: DataTables Extension - KeyTable v2.4.0
  • UPGRADE: DataTables Extension - PDFMake v0.1.36
  • UPGRADE: DataTables Extension - Responsive v2.2.2
  • UPGRADE: DataTables Extension - RowReorder v1.2.4
  • UPGRADE: DataTables Extension - Scroller v1.5.0
  • UPGRADE: DataTables Extension - Select v1.2.6
  • UPGRADE: NVD3 v1.8.6
  • UPGRADE: D3 v3.5.17
  • UPGRADE: Clipboard JS v2.0.1
  • UPGRADE: Chart JS v2.7.2
  • UPGRADE: WYSIHTML5 v0.3.3
  • UPGRADE: Bootstrap Timepicker v0.5.2
  • UPGRADE: Bootstrap Daterangepicker v3.0.3
  • UPGRADE: Bootstrap Datepicker v1.8.0
  • UPGRADE: Boostrap Color Picker v2.5.2
  • UPGRADE: blueImp Gallery v2.33.0
  • UPGRADE: jQuery File Upload v9.22.0
  • UPGRADE: Bootstrap Select v1.13.1
  • ENHANCE: Remove all mixed space / tabs
  • FIX: Login / Register V3 Mobile Scrolling Issue
  • FIX: Slimscroll Unable to scroll on page load
  • FIX: Angular JS 6 Minified Sidebar Sub Menu
  • FIX: Boxed Layout with Fixed Minified Sidebar
Version 4.1.1 - 03 June 2018
  • FIX: Angular 6 version
  • FIX: Swal Notification Transparent Version
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: Summernote Transparent Version
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: Page with Two Sidebar RTL Mode
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: Compatibility Two Sidebar with Wide Sidebar
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: IE11 Invalid / valid tooltip styling
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: IE11 Full Height Options
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: IE11 Dashboard v2
    • Modified File: style.css
    • Modified File: style.min.css
Version 4.1.0 - 28 May 2018
  • NEW: Widgets Page
    • Added files: widget.html
  • NEW: RTL Support
    • Modified files: /assets/css/default/style.css
    • Modified files: /assets/css/default/style.min.css
  • NEW: SCSS Support
    • Added directories: /assets/less
  • NEW: 6 Color Theme
    • Added files: /assets/css/default/theme/aqua.css
    • Added files: /assets/css/default/theme/pink.css
    • Added files: /assets/css/default/theme/yellow.css
    • Added files: /assets/css/default/theme/indigo.css
    • Added files: /assets/css/default/theme/green.css
    • Added files: /assets/css/default/theme/lime.css
  • NEW: 6 Color Theme for Alert, Button, Label, Badge, Note
    • Modified files: ui_general.html
    • Modified files: ui_buttons.html
    • Modified files: /assets/css/default/style.css
    • Modified files: /assets/css/default/style.min.css
  • NEW: CSS Form Switcher with 12 Color Themes
    • Modified files: form_elements.html
    • Modified files: /assets/css/default/style.css
    • Modified files: /assets/css/default/style.min.css
  • UPDATE: Bootstrap 4.1.1
    • Updated Directory: /assets/plugins/bootstrap/
  • UPDATE: FontAwesome 5.0.13
    • Updated Directory: /assets/plugins/fontawesome/
  • UPDATE: Laravel 5.6
    • Modified files: composer.json
  • UPDATE: Angular 6
  • FIX: FullCalendar table header alignment issue
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: Minified Sidebar for expanded profile menu
    • Modified File: style.css
    • Modified File: style.min.css
Version 4.0.0 - 01 March 2018
  • NEW: Transparent Design
    • Added files: template_transparent
  • NEW: Angular Laravel Version
    • Added files: template_laravel
  • NEW: Angular JS 5 Version
    • Added files: template_angularjs5
  • NEW: Profile Page
    • Updated HTML files: extra_profile.html
    • Modified File: style.css
    • Modified File: style.min.css
  • NEW: Email Inbox Page
    • Updated HTML files: email_inbox.html
    • Modified File: style.css
    • Modified File: style.min.css
  • NEW: Email Detail Page
    • Updated HTML files: email_detail.html
    • Modified File: style.css
    • Modified File: style.min.css
  • NEW: Email Compose Page
    • Updated HTML files: email_compose.html
    • Modified File: style.css
    • Modified File: style.min.css
  • NEW: jQuery Smart Wizard
    • Updated HTML files: form_wizards.html
    • Added PLUGINS files: /assets/plugins/jquery-smart-wizard/
  • NEW: Highlight JS
    • Added PLUGINS files: /assets/plugins/highlight/
  • NEW: Minified Submenu Support for Fixed Sidebar
    • Modified File: style.css
    • Modified File: style.min.css
    • Modified File: apps.js
    • Modified File: apps.min.css
  • NEW: Bootstrap 3 & 4 Support
    • Modified File: style.css
    • Modified File: style.min.css
    • Modified File: apps.js
    • Modified File: apps.min.css
  • NEW: LESS Support for Apple & Transparent Design
    • Added Files: /assets/less/apple
    • Added Files: /assets/less/transparent
  • ENHANCE: Overall UI Enhancement
    • Modified File: style.css
    • Modified File: style.min.css
  • ENHANCE: Standardize File structure
    • Modified Path: /assets
  • ENHANCE: Ajax Version
    • Modified File: apps.js
    • Modified File: apps.min.css
  • UPDATE: jQuery 3.x
    • Updated Directory: /assets/plugins/jquery/
  • UPDATE: Bootstrap 4.0
    • Updated Directory: /assets/plugins/bootstrap/
  • UPDATE: FontAwesome 5.0
    • Updated Directory: /assets/plugins/font-awesome/
  • UPDATE: DataTables 1.10.10
    • Updated Directory: /assets/plugins/DataTables/
Version 3.0.0 - 23 July 2017
  • NEW: Apple Design
    • Added files: template_content_apple
  • NEW: Angular JS 4
    • Added files: template_content_angularjs4
  • NEW: Boostrap 4 Support
    • Added HTML files: bootstrap_4.html
    • Added CSS files: /assets/css/style-bs4.css
    • Added CSS files: /assets/css/style-bs4.min.css
    • Added PLUGINS files: /assets/plugins/bootstrap4/
  • NEW: CSS Checkbox & Radiobutton
    • Modified File: style.css
    • Modified File: style.min.css
  • NEW: clipboard.js
    • Updated HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/clipboard/
  • NEW: Bootstrap SweetAlert.js
    • Updated HTML files: ui_modal_notification.html
    • Added PLUGINS files: /assets/plugins/bootstrap-sweetalert/
  • ENHANCE: Angular JS Mobile Sidebar AutoClose
    • Modified File: apps.js
    • Modified File: apps.min.js
  • ENHANCE: Angular JS 4 Mobile Sidebar AutoClose
    • Modified File: apps.js
    • Modified File: apps.min.js
  • ENHANCE: Ajax Version Mobile Sidebar AutoClose
    • Modified File: apps.js
    • Modified File: apps.min.js
  • ENHANCE: Add listener after panel reposition
    • Modified File: apps.js
    • Modified File: apps.min.js
  • ENHANCE: Form Plugins UI Enhancement
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: Sidebar Transparent Overflow Issue
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: IE8 Datetimcpicker
    • Modified File: form-plugins.demo.js
    • Modified File: form-plugins.demo.min.js
  • FIX: Login v1 Overflow Issue
    • Modified File: style.css
    • Modified File: style.min.css
Version 2.2.0 - 04 January 2017
  • FIX: Downloaded File Unable to Extract
    • Removed File: template_content_angularjs2/node_modules
Version 2.1.0 - 30 November 2016
  • NEW: Angular JS 2
    • Added files: template_content_angularjs2
  • NEW: LESS File for Material Design
    • Added files: template_content_material/assets/less/
  • NEW: Bootstrap Color Palette
    • Updated HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/bootstrap-colorpalette/
  • NEW: Bootstrap Social
    • Added HTML files: ui_social_buttons.html
    • Added PLUGINS files: /assets/plugins/bootstrap-social/
  • NEW: Intro JS
    • Added HTML files: ui_tour.html
    • Added PLUGINS files: /assets/plugins/introjs/
  • NEW: jQuery Simple Color Picker
    • Updated HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/jquery-simplecolorpicker/
  • NEW: Bootstrap Show Password
    • Updated HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/bootstrap-show-password/
  • NEW: Dropzone
    • Added HTML files: form_dropzone.html
    • Added PLUGINS files: /assets/plugins/dropzone/
  • NEW: Summernote
    • Added HTML files: form_summernote.html
    • Added PLUGINS files: /assets/plugins/summernote/
  • UPDATE: Bootstrap 3.3.7
    • Updated Directory: /assets/plugins/bootstrap/
  • UPDATE: Font Awesome 4.7.0
    • Updated Directory: /assets/plugins/font-awesome/
  • UPDATE: Colorpicker 2.3.2
    • Updated Directory: /assets/plugins/bootstrap-colorpicker/
  • UPDATE: Bootstrap Combobox 1.1.7
    • Updated Directory: /assets/plugins/bootstrap-combobox/
  • UPDATE: Bootstrap Datepicker 1.6.1
    • Updated Directory: /assets/plugins/bootstrap-datepicker/
  • UPDATE: Bootstrap Daterangepicker 2.1.24
    • Updated Directory: /assets/plugins/bootstrap-daterangepicker/
  • UPDATE: Bootstrap Datetimepicker
    • Updated Directory: /assets/plugins/bootstrap-datetimepicker/
  • UPDATE: Bootstrap Eonasdan Datetimepicker 4.17.37
    • Updated Directory: /assets/plugins/bootstrap-eonasdan-datetimepicker/
  • UPDATE: Bootstrap Tags Input 0.8.0
    • Updated Directory: /assets/plugins/bootstrap-tagsinput/
  • UPDATE: Bootstrap XEditable 1.5.1
    • Updated Directory: /assets/plugins/bootstrap3-editable/
  • DROP: Bootstrap WYSIHTML5 and replaced with WYSIHTML5 Bootstrap3
    • New Directory: /assets/plugins/bootstrap-wysihtml5/
  • UPDATE: Chart JS 2.0.0
    • Updated Directory: /assets/plugins/chart-js/
  • UPDATE: Flag Icon 2.4.0
    • Updated Directory: /assets/plugins/flag-icon/
  • UPDATE: Flot Chart 0.8.3
    • Updated Directory: /assets/plugins/flot/
  • UPDATE: Fullcalendar 2.9.1
    • Updated Directory: /assets/plugins/fullcalendar/
  • UPDATE: Ionicon 2.0.1
    • Updated Directory: /assets/plugins/ionicon/
  • UPDATE: Ion Range Slider 2.1.4
    • Updated Directory: /assets/plugins/ionRangeSlider/
  • UPDATE: jQuery File Upload
    • Updated Directory: /assets/plugins/jquery-file-upload/
  • UPDATE: jVector Map 2.0.3
    • Updated Directory: /assets/plugins/jquery-jvectormap/
  • UPDATE: jQuery Countdown 2.0.2
    • Updated Directory: /assets/plugins/jquery.countdown/
  • UPDATE: jsTree 3.3.2
    • Updated Directory: /assets/plugins/jstree/
  • UPDATE: LESS 2.7.1
    • Updated Directory: /assets/plugins/less/
  • UPDATE: Lightbox 2.8.2
    • Updated Directory: /assets/plugins/lightbox/
  • UPDATE: Masked Input 1.4.1
    • Updated Directory: /assets/plugins/masked-input/
  • UPDATE: Morris Chart 0.5.1
    • Updated Directory: /assets/plugins/morris/
  • UPDATE: NVD3 1.8.4
    • Updated Directory: /assets/plugins/nvd3/
  • UPDATE: Parsley 2.4.4
    • Updated Directory: /assets/plugins/parsley/
  • UPDATE: Simple Line Icons 2.3.2
    • Updated Directory: /assets/plugins/simple-line-icons/
  • UPDATE: Slimscroll 1.3.8
    • Updated Directory: /assets/plugins/slimscroll/
  • FIX: Material Version Inverse Header
    • Modified File: style.css
    • Modified File: style.min.css
  • FIX: Table Manage Combination PDF button not working
    • Modified File: table_manage_combine.html
  • FIX: Material Version icons rendering problem in mobile device
    • Modified File: table_manage_combine.html
  • FIX: Missing Profile / Invoice / Calendar page styling for LESS
    • Modified File: /assets/less/
  • FIX: Login V1 / V2 styling overflow
    • Modified File: style.css
    • Modified File: style.min.css
  • ENHANCEMENT: Minor UI Enhancement
    • Modified File: style.css
    • Modified File: style.min.css
Version 2.0.0 - 30 April 2016
  • NEW: Material Design Version
    • Added files: template_content_material
  • UPDATE: Bootstrap 3.3.6
    • Updated Directory: /assets/plugins/bootstrap/
  • UPDATE: FontAwesome 4.6.1
    • Updated Directory: /assets/plugins/font-awesome/
  • UPDATE: Angular Js 1.5.5 (stable version)
    • Updated Directory: /assets/plugins/angularjs/
  • UPDATE: Fullcalendar 2.0
    • Updated Directory: /assets/plugins/fullcalendar/
  • UPDATE: DataTable 1.10.10
    • Updated Directory: /assets/plugins/fullcalendar/
  • FIX: Angular Version Panel Dragging Issue
    • Modified File: /assets/js/apps.js
  • FIX: Angular Version Page Height Issue
    • Modified File: /assets/css/style.css
    • Modified File: /assets/css/style.min.css
  • FIX: Select 2 Overflow Issue
    • Modified File: /assets/css/style.css
    • Modified File: /assets/css/style.min.css
  • FIX: DataTables Buttons Extension Issue
    • Modified File: /assets/plugins/DataTables/
  • FIX: Full Height Page Panel Expand Issue
    • Modified File: /assets/css/style.css
    • Modified File: /assets/css/style.min.css
  • FIX: Slider & Switchery Options
    • Modified File: /assets/js/form-slider-switcher.demo.js
    • Modified File: /assets/js/form-slider-switcher.demo.min.js
  • FIX: Page Loader z-index Issue
    • Modified File: /assets/js/form-slider-switcher.demo.js
    • Modified File: /assets/js/form-slider-switcher.demo.min.js
  • FIX: Spinner Margin Issue
    • Modified File: /assets/css/style.css
    • Modified File: /assets/css/style.min.css
Version 1.9.0 - 05 October 2015
  • NEW: Angular JS Version
    • Added files: template_content_angularjs
  • NEW: NVD3 Chart
    • Added HTML files: chart_d3.html
    • Added PLUGINS files: /assets/plugins/nvd3/
  • NEW: Page with Top Menu
    • Added HTML files: page_with_top_menu.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • NEW: Boxed Layout
    • Added HTML files: page_with_boxed_layout.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • NEW: Page with Mixed Menu
    • Added HTML files: page_with_mixed_menu.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • NEW: Boxed Layout with Mixed Menu
    • Added HTML files: page_boxed_layout_with_mixed_menu.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • NEW: Transparent Sidebar
    • Added HTML files: page_with_transparent_sidebar.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • NEW: DataTables Extension - RowReorder
    • Added HTML files: table_manage_rowreorder.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • NEW: DataTables Extension - Select
    • Added HTML files: table_manage_select.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
  • UPDATE: DataTables Version - 1.10.9
    • Updated Plugins files: /assets/DataTables
  • ENHANCED: Color Admin Apps.js
    • Modified JS files: /assets/js/apps.js and /assets/js/apps.min.js
Version 1.8.0 - 30 June 2015
  • NEW: Bootstrap Date Time Picker
    • Modified HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/bootstrap-eonasdan-datetimepicker/
  • NEW: Full Color Panel
    • Modified HTML files: ui_widget_boxes.html
    • Modified CSS files: /assets/css/style.css
    • Modified CSS files: /assets/css/style.min.css
  • FIX: Login Page v2 Background in Large Screen (> 1920px)
    • Modified CSS files: /assets/css/style.css
    • Modified CSS files: /assets/css/style.min.css
  • FIX: Page Sidebar Expand / Collapse Height Rendering
    • Modified JS files: /assets/js/apps.js
    • Modified JS files: /assets/js/apps.min.js
  • FIX: Page Sidebar Scrollbar Touch Event in Tablet Device
    • Modified JS files: /assets/js/apps.js
    • Modified JS files: /assets/js/apps.min.js
  • FIX: Clearfix Mixin Crashed with Bootstrap Mixin
    • Updated File: /assets/less/_mixins.less
  • UPDATE: Include Bootstrap LESS
    • Updated Directory: /assets/less/bootstrap/
  • UPDATE: Bootstrap 3.3.4 to Bootstrap 3.3.5
    • Updated Directory: /assets/plugins/bootstrap/
  • UPDATE: Less 1.7.4 to Less 2.5.1
    • Updated Directory: /assets/plugins/less/
Version 1.7.0 - 1 May 2015
  • NEW: Tree View
    • Added HTML files: ui_tree.html
    • Added PLUGINS files: /assets/plugins/jstree/
  • NEW: Language Bar & Icon List
    • Added HTML files: ui_language_bar_icon.html
    • Added PLUGINS files: /assets/plugins/flag-icon/
  • NEW: Bootstrap Date Range Picker
    • Updated HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/bootstrap-daterangepicker/
  • NEW: Select2
    • Updated HTML files: form_plugins.html
    • Added PLUGINS files: /assets/plugins/select2/
  • NEW: Top Navbar Mega Menu
    • Added HTML files: page_with_mega_menu.html
  • NEW: Login & Register Page v3
    • Added HTML files: login_v3.html
    • Added HTML files: register_v3.html
  • NEW: Profile Page
    • Added HTML files: extra_profile.html
  • NEW: Light Sidebar
    • Added HTML files: page_with_light_sidebar.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
  • NEW: Wide Sidebar
    • Added HTML files: page_with_wide_sidebar.html
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
  • NEW: Mobile View Scrollbar
    • Modified JS files: /assets/js/apps.js and /assets/css/apps.min.js
  • NEW: Mobile View Minified Sidebar Scrollbar
    • Modified JS files: /assets/js/apps.js and /assets/css/apps.min.js
  • UPDATE: Bootstrap 3.3.3 to Bootstrap 3.3.4
    • Updated Directory: /assets/plugins/bootstrap/
  • FIX: Multi Level Menu Bugfix
    • Modified CSS files: /assets/css/style.css and /assets/css/style.min.css
  • FIX: Ajax Version Coming Soon Page
    • Modified HTML files: /assets/js/coming-soon.demo.js and /assets/js/coming-soon.demo.min.js
  • FIX: Ajax Version href="#" rendering error
    • Modified HTML files: /assets/js/apps.js and /assets/js/apps.min.js
Version 1.6.0 - 23 January 2015
  • NEW: Managed Table - Extension Combination
    • Added HTML: table_mange_combine.html
  • NEW: Chart JS
    • Added HTML: chart_js.html
    • Added PLUGINS: assets/plugins/assets/chart-js/
  • NEW: Ajax Documentation
    • Updated Directory: documentation/
  • UPDATE: Bootstrap 3.3.1 to Bootstrap 3.3.2
    • Updated Directory: /assets/plugins/bootstrap/
  • UPDATE: FontAwesome 4.2.0 to Bootstrap 4.3.0
    • Updated Directory: /assets/plugins/font-awesome/
  • FIX: IE 8 - IE 10 Full Height Page
    • Modified Directory files: /assets/js/apps.js
    • Modified Directory files: /assets/js/apps.min.js
  • FIX: Mobile Sidebar Toggle Button
    • Modified Directory files: /assets/js/apps.js
    • Modified Directory files: /assets/js/apps.min.js
  • FIX: Tab Inverse Hover
    • Modified Directory files: /assets/css/style.css
    • Modified Directory files: /assets/css/style.min.css
  • FIX: IE10 Sidebar Menu
    • Modified Directory files: /assets/css/style.css
    • Modified Directory files: /assets/css/style.min.css
  • FIX: Minified Sidebar Multiple Level Menu
    • Modified Directory files: /assets/css/style.css
    • Modified Directory files: /assets/css/style.min.css
Version 1.5.0 - 30 November 2014
  • NEW: AJAX Version
    • New Directory files: /template_content_ajax
    • New Directory files: /template_content_ajax
  • NEW: Color Scheme (Black)
    • Modified CSS files: /assets/css/style.css
    • Modified CSS files: /assets/css/style.min.css
  • NEW: Sidebar Color Scheme (Gradient)
    • Modified CSS files: /assets/css/theme/default.css
    • Modified CSS files: /assets/css/theme/blue.css
    • Modified CSS files: /assets/css/theme/red.css
    • Modified CSS files: /assets/css/theme/orange.css
    • Modified CSS files: /assets/css/theme/purple.css
    • Modified CSS files: /assets/css/theme/black.css
  • NEW: Local Storage Panel Position
    • Modified Directory files: /assets/js/apps.js
    • Modified Directory files: /assets/js/apps.min.js
  • NEW: Ionicons
    • Added HTML files: ui_ionicons.html
    • Added HTML files: page_with_ionicons.html
    • Added PLUGINS files: /assets/plugins/ionicons/
  • NEW: DataTables Plugins
    • Added HTML files: table_manage_autofill.html
    • Added HTML files: table_manage_colreorder.html
    • Added HTML files: table_manage_colvis.html
    • Added HTML files: table_manage_fixed_columns.html
    • Added HTML files: table_manage_fixed_header.html
    • Added HTML files: table_manage_keytable.html
    • Added HTML files: table_manage_responsive.html
    • Added HTML files: table_manage_scroller.html
    • Added HTML files: table_manage_tabletools.html
    • Updated PLUGINS files: /assets/plugins/DataTables/
  • NEW: Pace Loader Plugins
    • Modified HTML files: all html files
    • Added PLUGINS files: /assets/plugins/pace/
  • UPDATE: Bootstrap 3.2.0 to Bootstrap 3.3.1
    • Modified Directory files: /assets/plugins/bootstrap-3.2.0/ to /assets/plugins/bootstrap/
    • Modified CSS Files: /assets/plugins/bootstrap/css/bootstrap.min.js
    • Modified JS Files: /assets/plugins/bootstrap/js/bootstrap.min.js
  • UPDATE: jQuery 1.8.2 to jQuery 1.9.1
    • Modified Directory files: /assets/plugins/jquery-1.8.1/ to /assets/plugins/jquery
    • Added JS Files: /assets/plugins/jquery/jquery-1.9.1.js
    • Added JS Files: /assets/plugins/jquery/jquery-1.9.1.min.js
    • Added JS Files: /assets/plugins/jquery/jquery-migrate-1.1.0.js
    • Added JS Files: /assets/plugins/jquery/jquery-migrate-1.1.0.min.js
  • MODIFY: FontAwesome Directory
    • Modified Directory files: /assets/plugins/font-awesome-4.2.0/ to /assets/plugins/font-awesome/
  • FIX: IE8 Font Rendering Issue
    • Modified Directory files: /assets/css/style.css
    • Modified Directory files: /assets/css/style.min.css
  • FIX: Google Chrome Fixed Element Rendering Issue
    • Modified Directory files: /assets/css/style.css
    • Modified Directory files: /assets/css/style.min.css
Version 1.4.0 - 17 September 2014
  • NEW: Front end one page parallax page Added
    • Added HTML files: /frontend/one-page-parallax/index.html
    • Added HTML files: /frontend/one-page-parallax/index_inverse_header.html
    • Added HTML files: /frontend/one-page-parallax/index_default_header.html
    • Added HTML files: /frontend/one-page-parallax/extra-element.html
  • NEW: Email Inbox v2 page Added
    • Added HTML files: email_inbox_v2.html
  • NEW: Email Compose v2 page Added
    • Added HTML files: email_compose.html
  • NEW: Email Detail v2 page Added
    • Added HTML files: email_detail.html
  • NEW: LESS file Added
    • Added LESS files: assets/less
  • NEW: Added Meta Setting to Disable Mobile Zooming
    • Modified HTML files: ALL
  • FIX: Accordion Styling Overflow
    • Modified css files: assets/css/style.css
    • Modified css files: assets/css/style.min.css
  • FIX: Mobile Slimscroll Scrolling Speed
    • Modified js files: assets/js/apps.js
    • Modified js files: assets/js/apps.min.js
  • FIX: Mobile Sidebar Click Event
    • Modified js files: assets/js/apps.js
    • Modified js files: assets/js/apps.min.js
Version 1.3.0 - 30 August 2014
  • NEW: Dashboard v2 Page
    • Added new html files: dashboard_v2.html
    • Modified css files: assets/css/style.css
    • Modified css files: assets/css/style.min.css
  • NEW: Simple Line Icons Page
    • Added new html files: ui_simple_line_icons.html
    • Added new plugins files: assets/plugins/simple-line-icons
  • NEW: Morris Chart Page
    • Added new html files: chart_morris.html
    • Added new plugins files: assets/plugins/morris
  • NEW: Page with Line Icons
    • Added new html files: page_with_line_icons.html
  • NEW: Full Height Content Page
    • Added new html files: page_full_height.html
    • Modified css files: assets/css/style.css
    • Modified css files: assets/css/style.min.css
    • Modified css files: assets/css/style-responsive.css
    • Modified css files: assets/css/style-responsive.min.css
  • NEW: CSS Helper Page
    • Added new html files: helper_css.html
  • NEW: Gallery v2 Page
    • Added new html files: gallery_v2.html
    • Modified css files: assets/css/style.css
    • Modified css files: assets/css/style.min.css
    • Modified css files: assets/css/style-responsive.css
    • Modified css files: assets/css/style-responsive.min.css
    • Added new plugins files: assets/plugins/superbox
  • UPDATE: FontAwesome from 4.1.0 to 4.2.0
    • Modified css files: assets/css/style.css
    • Modified css files: assets/css/style.min.css
  • CHANGE: chart.html to flot-chart.html
  • CHANGE: .widget-states to .widget-stats
    • Modified css files: assets/css/style.css
    • Modified css files: assets/css/style.min.css
  • FIX: Typo on Sidebar Link Url
    • Modified html files: all html files
  • FIX: Minified Sidebar on Tablet
    • Modified js file: assets/js/apps.js
    • Modified js file: assets/js/apps.min.js
Version 1.2.0 - 15 June 2014
  • NEW: 5 Color Theme
    • Modified html files: all html files
    • Added new css file: assets/css/theme/default.html
    • Added new css file: assets/css/theme/blue.html
    • Added new css file: assets/css/theme/red.html
    • Added new css file: assets/css/theme/orange.html
    • Added new css file: assets/css/theme/purple.html
    • Added new css file: assets/css/theme/black.html
    • Added new css file: assets/css/style.css
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Inverse & Default Top Navigation Theme
    • Modified html files: all html files
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Sidebar Grid Layout Option
    • Modified html files: all html files
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Theme Panel
    • Modified html files: all html files
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Sidebar & Header Default & Fixed Option
    • Modified html files: all html files
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Page With Two Sidebar
    • Added new html files: page_with_two_sidebar.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
    • Modified js file: assets/js/apps.js
    • Modified js file: assets/js/apps.min.js
  • NEW: Login V2
    • Added new html files: login_v2.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
    • Modified js file: assets/js/apps.js
    • Modified js file: assets/js/apps.min.js
  • NEW: X-Editable
    • Added new html files: form_editable.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Multiple File Upload
    • Added new html files: form_multiple_upload.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Form Slider + Switcher Page
    • Added new html files: form_slider_switcher.html
    • Added new plugins file: assets/plugins/switchery
  • NEW: Wizards + Validation Page
    • Added new html files: form_wizards_validation.html
    • Updated plugins file: assets/plugins/parsley
  • UPDATE: Plugins Parsley 2.0
    • Updated html files: form_wizards.html
    • Updated plugins file: assets/plugins/parsley
  • UI: Dashboard widget state & line chart improvement
    • Modified html files: index.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • FIX: Mobile Top Navigation Fixed Top
    • Modified html files: all html files
    • Modified css file: assets/css/style-responsive.css
    • Modified css file: assets/css/style-responsive.min.css
  • FIX: Mobile Sidebar Fixed Right Position
    • Modified html files: all html files
    • Modified css file: assets/css/style-responsive.css
    • Modified css file: assets/css/style-responsive.min.css
  • FIX: Panel Remove Action Tooltip
    • Modified js file: assets/js/apps.js
    • Modified js file: assets/js/apps.min.js
  • FIX: Mozilla Firefox Sidebar Minimized
    • Modified js file: assets/js/apps.js
    • Modified js file: assets/js/apps.min.js
  • FIX: Sidebar DOM Element Didn't Functioning
    • Modified js file: assets/js/apps.js
    • Modified js file: assets/js/apps.min.js
  • FIX: Sidebar Uncollapsed Sub Menu After Minify
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • FIX: Old Browser Transparent Background Styling Support
    • Added new folder: assets/img/transparent/
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css

 

Version 1.1.0 – 30 May 2014
  • NEW: Email Template
    • Added new html file: email_system.html
    • Added new html file: email_newsletter.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • NEW: Timeline Page
    • Added new html file: extra_timeline.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
    • Modified css file: assets/css/style-responsive.css
    • Modified css file: assets/css/style-responsive.min.css
  • NEW: Coming Soon Page
    • Added new html file: extra_coming_soon.html
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
    • Modified css file: assets/css/style-responsive.css
    • Modified css file: assets/css/style-responsive.min.css
  • FIX: Sidebar Sub Menu Caret Styling
    • Modified html files: all html files
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • FIX: Modal Backdrop Opacity
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • FIX: Login form in mobile landscape view
    • Modified css file: assets/css/style.css
    • Modified css file: assets/css/style.min.css
  • FIX: Mobile View Search Box in header
    • Modified html files: all html files
    • Modified css file: assets/css/style-responsive.css
    • Modified css file: assets/css/style-responsive.min.css
  • FIX: Icon page broken on mobile
    • Modified file: ui_icons.html
  • FIX: Dashboard Tab Panel on mobile
    • Modified html files: index.html
    • Modified css file: assets/css/style-responsive.css
    • Modified css file: assets/css/style-responsive.min.css