Documentation

Read this before you start using template

Introduction

What's Inside? How to update? Less/CSS files JavaScript files

Structure

HTML Structure Header Structure Sidebar Structure Navigation Structure Sidepanel Structure Footer Structure Content Structure

Elements & Features

Block Accordion Widgets Lists Contacts Tiles News & Info Compact Gallery Tips Loading Status Bar Preview

How to & Tricks

Check this section

Boooya

Revolution Admin Template

Build
v1.5 Tangerine - 12 november 2017

Development & Design
Name: Dmitry Ivaniuk
Email: aqvatarius@ukr.net

What's Inside?

Files inside downloaded package

In downloaded package you will find this list of files(actual for v1.5):

- dev /* Developer files */
- - assets /* This files is not important. Used to prettify template preview */
- - css /* All less/css template files */
- - - components /* Main less app files */
- - - fonts /* Folder with icon fonts */
- - - helpers /* Mixins and help classes */
- - - landing /* Landing page classes */
- - - vendor /* Third party(plugins) less/css files */
- - - variables.less /* List of template variables. You can change your color palette here. */
- - - styles.less /* Main template less mixin */
- - - landing.less /* Landing page less mixin */
- - img /* Important template images */
- - js /* All js template files */
- - partials /* Template partials */
- - - assets /* Assets for special pages like Bank application etc. */
- - - footers /* Footer variants */
- - - headers /* Header variants */
- - - navigation /* Navigation variants */
- - - sidebars /* Sidebar variants */
- - - sidepanels /* Sidepanels variants */
- - - styles-include.html /* Include template styles */
- - - scripts-landing.html /* Landing scripts include */
- - - scripts-include.html /* Include template scripts */
- - - meta-section.html /* Include template meta tags */
- - - heading-elements.html /* Special include in all pages heading / not important for use */
- - *.html /* List of html files with included partials */

- build /* Compiled and ready-to-use template files */
- - assets /* Assets files / not important for use */
- - css /* Main css file and fonts */
- - img /* Important images */
- - js /* JavaScript and third-party plugins */
- - *.html /* Ready to use html files */

- node_modules
- package.json
- gulpfile.js
- bower.json
- .bowerrc

How to Update

Information about template update

v1.4 > v1.5

In v1.5 we added/changed lots of less files, also js files was updated.

We recommend to update dev/css folder and dev/js folder. Lots of plugins and files was updated.

v1.3 > v1.4

This update includes new plugins, features and pages with new elements.

We recommend to update dev/css folder and dev/js folder. Lots of plugins was updated.

v1.2 > v1.3

This update includes new plugins, features and pages with new elements.

We recommend to update dev/css folder. There lots of changes in elements, and new landing page files.

Also dont forget to update app.js, app_plugins.js and upload new js files:

- js/app-landing.js - js/app_demo_rangeslider.js - js/app_demo_editable.js - js/vendor/bootstrap-colorpicker/bootstrap-colorpicker.min.js
- js/vendor/ionrangeslider/ion.rangeSlider.min.js
- js/vendor/xeditable/bootstrap-editable.min.js
- js/vendor/xeditable/ext/address.js

In case of use html version of template: update css/styles.css and upload css/landing.css plus upload/update all js files described above.

v1.1 > v1.2

Important thing in v1.2 is javascrip include on pages. Now each page in template includes only important scripts for this page.

When you starts using Boooya v1.2 dont forget to include all scripts for your features that is not on example page.

- blank.html page contains with all template javascript files.

We recommend to update all less files in dev folder and upload new:

- css/components/app-wizard.less
- css/components/app-payment.less
- css/vendor/fullcalendar/fullcalendar.less
- css/vendor/bootstrap-tagsinput/bootstrap-tagsinput.less
- css/vendor/bootstrap-daterange/daterangepicker.less
- css/vendor/bootstrap-tour/bootstrap-tour.less

Also dont forget to update app.js, app_plugins.js and upload new js files:

- js/app_demo_calendar.js - js/vendor/bootstrap-daterange/daterangepicker.js
- js/vendor/bootstrap-tour/bootstrap-tour.min.js
- js/vendor/bootstrap-tagsinput/bootstrap-tagsinput.js
- js/vendor/fullcalendar/fullcalendar.js
- js/vendor/smartwizard/jquery.smartWizard.js

In case of use html version of template: update css/styles.css and upload/update all js files described above.

Less/CSS Files

Information about stylesheet files

- css/components /* Main less app files */
- - rtl/rtl.less /* Changes for RTL version */
- - app-accordion.less /* Accordion styles */
- - app-alerts.less /* Alert styles */
- - app-blocks-panels.less /* Boooya Block and Bootstrap Panel styles */
- - app-blog.less /* Styles for blog pages */
- - app-buttons.less /* Buttons */
- - app-checkbox-radio.less /* Radio buttons & Checkbox */
- - app-contacts.less /* Contact box styles */
- - app-elements.less /* Content tabs, Heading, Breadcrumb & Pagination */
- - app-faq.less /* FAQ feature styles */
- - app-features.less /* Gallery and Preview feature */
- - app-footer.less /* Footer styles */
- - app-form-elements.less /* Form elements styles */
- - app-header.less /* Header styles */
- - app-labels-badges.less /* Labels and badges styles */
- - app-layout.less /* Layout control styles */
- - app-lists.less /* All lists styles */
- - app-loading.less /* Loading feature styles */
- - app-login.less /* Login page styles */
- - app-messages.less /* Messages styles */
- - app-navigation.less /* All navigations styles */
- - app-other.less /* Other styles */
- - app-progressbars.less /* Progressbars styles */
- - app-spinners.less /* Spinners and loaders styles */
- - app-statusbar.less /* Statusbar feature styles */
- - app-switch-button.less /* Switch button styles */
- - app-tables.less /* Table styles */
- - app-tiles.less /* Tile styles */
- - app-tips.less /* Tips feature styles */
- - app-typography.less /* All typography styles */
- - app-widgets.less /* Widgets styles */
- - app-timeline.less /* Timeline feature styles */ - - app-wizard.less /* Wizard styles */ - - app-payment.less /* Payment page styles */

Basic template colors can be changed in css/variables.less. For elements like navigation, footer, header etc. use their less files. Check section How to & Tricks for more information.

JavaScript Files

Information about js files

- - js /* All js template files */
- - - vendor /* Third party(plugins) js files */
- - - app.js /* Main template js file */
- - - app-landing.js /* Main landing page js file */
- - - app_plugins.js /* Inits of plugins */
- - - app_faq.js /* Special FAQ plugin */
- - - app_demo.js /* Demo inits / This file is not important */
- - - app_demo_dashboard.js /* Dashboard demo inits / This file is not important */
- - - app_demo_calendar.js /* Calendar demo for only calendar feature / This file is not important */ - - - app_demo_rangeslider.js /* ionRangeSlider demo for only this feature / This file is not important */ - - - app_demo_editable.js /* X-Editable demo for only this feature / This file is not important */