White labeling is used in Apache Stratos to customize the default theme, so that it appears as though the product was designed specifically for the respective organization. The following section describes how the Apache Stratos UI can be white labelled for rebranding purposes.

To add a new Apache Stratos theme
  1. Make a copy of the theme1 folder, which is in the <STRATOS_HOME>/repository/deployment/server/jaggeryapps/console/themes/ directory, and rename the folder using a preferred name (e.g.,Theme2). The theme name will be defined by the folder name.
  2. Edit the content in the newly created folder (e.g., Theme2).
    1. The CSS changes can be done using CSS files, which are reside in the <STRATOS_HOME>/repository/deployment/server/jaggeryapps/console/themes/<THEME_NAME>/css/custom directory.
    2. Add the customized images to the <STRATOS_HOME>/repository/deployment/server/jaggeryapps/console/themes/<THEME_NAME>/images directory. Do not change the file names, file dimensions and file extensions.
  3. Navigate to the <STRATOS_HOME>/repository/deployment/server/jaggeryapps/console/ directory.

  4. Update the following themer function property in the app.js file. This property defines the currently applied theme.

    return '<THEME_NAME>';

    For Example:

    themer: function () {
        return 'theme2';
  • No labels