NobleUI Documentation (v1.2.0)
Thank you so much for purchasing NobleUI Responsive Bootstrap 4 Admin Template. If you have any questions that are beyond the scope of this documentation, please feel free to email to firstname.lastname@example.org :)
This theme is built on Bootstrap - The most popular front-end component library. This theme extended bootstrap components and add custom components.
NobleUI comes with a simple and logically organized file structure for easy to understand and maintainability.
Setup Environment for customization
First you must have Node.js and npm installed in your computer.
We are using gulp which allows having complete automation to build flow. In case if you don't know - Gulp is a gulp is a toolkit for automating painful or time-consuming tasks in development workflow, so you can stop messing around and build something. You can read it more about it here.
If you have previously installed a version of gulp globally, please run
npm rm --global gulp to make sure your old version doesn't collide with gulp-cli.
Verify that gulp is successfully installed, and version of installed gulp will appear.
After you finished with above two steps, you can run the automated tasks (as described below) to build the application.
||Watch for file changes and compile scss files. The browser will automatically reload when the changes are made.|
||Inject partial files such as '_navbar.html', '_sidebar.html etc' from the partials folder to the pages.|
||Copy necessary vendor files such as .css, .js and other vendor files from the node_modules folder to the vendors directory.|
You can customize various elements including navbar, sidebar, form elements etc by simply editing Sass files in 'scss' directory or removing unnecessary components from style.scss main file.
Make sure that the
gulp serve task is running in the terminal to compile scss files when you make changes. Once the changes are made, the scss file will be compiled and the changes will be reflected in the browser after an automatic browser reload.
It is important to run
gulp serve command from the directory where the gulpfile.js is located.
We are here to assist you, thank you for report any bug/issue to our email email@example.com.
© 2019. NobleUI Documentation v1.2.0. All Rights Reserved. Created by: NobleUI