Customizing GBC images
There are several methods for using images in GBC customizations.
- The favicon and emptytabbed images are hardcoded into the gbc-project-dir/src/index.html file. To update the image, you need to replace that named file. See Customizing your application by replacing an image.
- Icons for the checkbox, combobox, radio group, and table widgets are set using theme variables. See Change icons.
- Style sheets can be used to change certain images, such as the background image. See Customizing your application using style sheets.
- The header image is defined in the header widget (
MyHeaderBarWidget
). See Add header image or Add header image using style class. - The "upload file" icon is set by customizing the
ChromeBarItemUploadStatusWidget
. See Change file loading icon.
Images for the customization are typically stored in the customization-project-dir/resources/img directory. The `$$RES` variable allows the GBC build process to set the correct path for the resource in your distribution. For example, you can include the following in your scss file:
background: url('$$RES/img/text-color.png')
In this example, the GBC will use the text-color.png image in customization-project-dir/resources/img.