Building System
Back to top

Building System

  1. Home
  2. Building System

Robust Build System

What is Robust's Admin Template Builder?
It is offline admin template builder tool for Windows, Mac & Linux system to easily create responsive bootstrap admin template.
Is It Complicated?
Not at all! You just need to follow the documentation steps to run the template builder tasks and your responsive admin template will be ready.
Why this builder?
To Generate all admin template pages with desired customization options like navbars, navigation types, page headers, footer & LTR / RTL versions in few minutes.

Build Process

Process Diagram
robst build process
Robust builder's folder structure
                    
                        robust_admin/
                        ├── html(Generated templates from build process)/
                        |   ├── LTR/
                        |   |   ├── vertical-menu-template/
                        |   |   |   ├── dashboard-project.html
                        |   |   |   └── etc..
                        |   ├── RTL/
                        |   |   ├── vertical-menu-template/
                        |   |   |   ├── dashboard-project.html
                        |   |   |   └── etc..
                        ├── jade/
                        |   ├── template-builder/
                        |   |   ├── contents/
                        |   |   |   ├── dashboard-project.html
                        |   |   |   └── etc...
                        |   |   ├── includes/
                        |   |   |   ├── head.jade
                        |   |   |   ├── mixins.jade
                        |   |   |   ├── scripts.jade
                        |   |   |   └── styles.jade
                        |   |   ├── pages/
                        |   |   |   ├── page-headers/
                        |   |   |   ├── dashboard-project.jade
                        |   |   |   └── etc...
                        |   |   ├── templates/
                        |   |   |   ├── sections/
                        |   |   |   |   ├── footer/
                        |   |   |   |   ├── header/
                        |   |   |   |   ├── menu/
                        |   |   |   |   ├── preloader/
                        |   |   |   ├── horizontal-menu-template.jade
                        |   |   |   ├── horizontal-top-icon-menu-template.jade
                        |   |   |   ├── vertical-compact-menu-template.jade
                        |   |   |   ├── vertical-content-menu-template.jade
                        |   |   |   ├── vertical-menu-template.jade
                        |   |   |   ├── vertical-multi-level-menu-template.jade
                        |   |   |   └── vertical-overlay-menu-template.jade
                        |   |   └── base.jade

Above section describe the robust build process visual diagram & folder structure.

Getting started

Robust build system provides built in 7 different types of templates 2 horizontal and 5 vertical templates as shown in above folder structure.

Before you start, you must have to be ready with node packages installation, please refer Building Tools for more information.

We have defined all the task by default for all 7 templates. Grunt will compile jade, scss files and generate template html files in html/ folder with selected text direction & template.

Template Build Process

Below table contain Monitor, Jade Compile & Dist command for Vertical Menu Template LTR Version, for all templates commands please refer Building Tools.

Template Command
Vertical Menu Template - Grunt Commands
Monitor grunt monitor --Layout="vertical-menu-template" --LayoutName="vertical-menu-template" --TextDirection="LTR"
Jade Compile grunt dist-html --Layout="vertical-menu-template" --LayoutName="vertical-menu-template" --TextDirection="LTR"
Dist grunt dist --Layout="vertical-menu-template" --LayoutName="vertical-menu-template" --TextDirection="LTR"
Vertical Menu Template - Gulp Commands
Monitor gulp monitor --Layout="vertical-menu-template" --LayoutName="vertical-menu-template" --TextDirection="LTR"
Jade Compile gulp dist-html --Layout="vertical-menu-template" --LayoutName="vertical-menu-template" --TextDirection="LTR"
Dist gulp dist --Layout="vertical-menu-template" --LayoutName="vertical-menu-template" --TextDirection="LTR"

Here we are explaining the process of vertical menu template LTR build system.

Once you run the grunt command for vertical menu template, i.e for dist-html grunt dist-html --Layout="vertical-menu-template" --LayoutName="vertical-menu-template" --TextDirection="LTR" it will start building process.

First of all build process will use base.jade file which define basic template structure.

As we are building vertical menu template, it use vertical-menu-template.jade file template configuration, please refer JADE Template Structure for template configuration & customization.

Vertical menu template includes the all common section of pages like header, menu, preloaders & footer. It also contain template specific CSS & JS dependencies JADE Block.

You can customize any template by including predefined header, footer and preloader based on your requirements, please refer JADE Template Structure.

Vertical menu template use vertical-menu.jade file to generate menu for this template.

You can define page title, sub-title & description in page var block, also you set page breadcrumbs, page-header, content & page specific dependencies in page jade file.

Vertical menu template use all jade pages from pages folder to generate the template final html files in html folder.

All other template follow the same build process as described above.

Create your own new template

Copy and paste any template jade file from 7 predefined template and rename it and customize template configuration as per your requirements.

Hands Up!

It is not recommended to change robust build system core files like base.jade, all templates files unless and until you know what you are doing. Create your own new template file to generate customized template.