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.

Table 1. Directories
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.