General
This is a backoffice theme implemented using the Bootstrap v4 CSS framework and based on Core UI.
The ignite themes are the latest in frontend-development. Based on the latest version of the Bootstrap html framework (Bootstrap v4), these stylish themes are built for a responsive, mobile-first applications.
Bootstrap 4 already realizes the flexbox model, which gibes greater control over the overall page layout.
The theme is highly customizable and includes all the sources, templating toolkit overrides & class mappings as an easy start into development.
Frontend-development is done using SASS, Bower and GULP. Additional frontend libraries, such as Chart.js, datatables JS, jquery and momentjs are included in this package.
Please be aware that the theme may receive frequent updates.
To get started, the following information may be of interest to you:
Directory structure
- Default load style sheets directory:
webapp/ignite/css/ - Scipio ERP will load a base set of class & html definitions located here:
htmlVariables.groovy – ofbiz_foundation/framework/common/webcommon/includes/scipio/lib/standardThese can be (and for the purpose of this theme will be) overriden in the following file:
themeStyles.groovy – ofbiz_foundation/themes/bootstrap/includes
What’s included
- Theme component
- Clean Bootstrap CSS (SASS) and Javascript sources
- Additional Scipio ERP customizations (all factored out for convenience)
- Scipio ERP templating toolkit overrides
- Scipio ERP class mappings
Installation
Theme installation
Scipio ERP provides a simple bash script to manage all addons. Detailed installation instructions are available on the Scipio ERP website. For help, simply type on the console:
./git-addons help
Frontend Development
Prerequisits
To setup system to compile sass files, the following packages/commands are needed (ubuntu/debian/mint):
sudo apt-get install ruby ruby-dev ruby-full nodejs nodejs-dev npm
On windows download and use the ruby installer and nodejs installers.
Installation
Go to @component-name/webapp/@component-name/ and run
npm install
npm install -g bower
bower install
If npm install throws an error about a missing node-sass url, run
npm i gulp-sass@latest --save-dev
and retry the install process.
Sass (CSS) Compilation
To start watching for less changes to auto compile to css, go to:
@component-name/webapp/@component-name/
and run:
gulp
Bower Update
To update the dependencies, run the bower update command from @component-name/webapp/@component-name/:
bower update