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:
- Default load style sheets directory:
- 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
- Theme component
- Additional Scipio ERP customizations (all factored out for convenience)
- Scipio ERP templating toolkit overrides
- Scipio ERP class mappings
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:
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.
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:
To update the dependencies, run the bower update command from @component-name/webapp/@component-name/: