Customization directory
You can modify features and styles of a Genero Browser Client (GBC) front-end within a customization project directory.
In the customization-project-dir, you add your custom JavaScript, HTML, and CSS sources. These sources are built into a new front-end for distribution.
Within customization-project-dir, these are the directory structures and files that you must understand and manage.
| Directory or file | Description |
|---|---|
| customization-project-dir/js | The project's JavaScript and widget template HTML files. |
| customization-project-dir/locales | The project's translation texts for localization. |
| customization-project-dir/resources | Project resources. |
| customization-project-dir/resources/img | Images for the customization. |
| customization-project-dir/sass | Cascading Style Sheet files for instructing the browser how to display specific widgets. You can change colors, fonts, layout, how text is laid out, and so on. |
| customization-project-dir/sass/customization.scss | Entries here modify the stylesheet. While you can add css details
directly into this file, a preferred method is to use the
@import statement to import other stylesheets
contained in the sass folder. For example, if you had a file named
myHeader.scss in the customization's
sass folder, you would include
@import "myHeader" at the top of the customization.scss file. |
| customization-project-dir/theme | Customization-specific theme parts, with each theme part in its own directory. |
| customization-project-dir/theme/theme_part/theme.scss.json | When using a theme that contains this theme part, change the default GBC color and theme settings for your windows, widgets, messages, buttons, tables, and so on. |
| customization-project-dir/config.json | Customization specific configuration file. This one will override information of custom.json file (see Configure your build). |
| customization-project-dir/theme.scss.json | Change the default GBC color and theme settings for your windows,
widgets, messages, buttons, tables, and so on. Important:
[DEPRECATED] Changes using scss should now be completed within a theme part, in a file of the same name. |