GBC 4.01
Customization
How customization works
Planning for the customization Getting the customization to the user
Set up your GBC build environment Create a customization project Rebuild the GBC
Create a runtime package Deploy on GAS Deploy on JGAS Change the version customization suffix
Manage themes
Add a theme part Add a theme Modify a theme Delete a theme
Replace an image
Change the favicon Change background image for empty tabbed container
Use theme variables
Display or hide the sidebar Customize the chromebar Change checkbox icons Display the Genero context menu Change relog prompt
Use style sheets
Center progress indicator icon Center file loading icon
Use widgets
Add header image Add header image using style class Add header text Add footer text Change file loading icon Redirect application end Extend the MainContainerWidget
Internationalize your app
Add localized text Configure right-to-left languages Customize translation text Default encoding
Migrating customizations
Change background image for empty tabbed container

This procedure shows you how to change the empty tabbed background image.

Overview

The empty tabbed background image is the image that appears when tabbed containers are enabled, no forms are displayed, and no tabs are open. For more details about tabbed containers, see the Window container interfaces topic in the Genero Business Development Language User Guide.

The default empty tabbed background image displays as in Figure 1.

before

Figure 1: The default tabbed background image

The image file for the empty tabbed background image is named emptytabbed.png. It is referenced in gbc-project-dir/src/index.html. This page is not customizable; to replace the default empty tabbed background image, you add your own image using the same name (emptytabbed.png).

Save the background image

Save your image:

  • with the name "emptytabbed.png".
  • in the gbc-project-dir/customization/customization-project-dir/resources/img directory.

Compile

After adding your new version of the emptytabbed.png to the desired directory, you compile your customization.

$ gbc build --customization customization-project-dir

Test

Run the application and close all tabs. Check whether the image is displayed in the background as expected.

TIP: You may need to use CTRL + F5 to clear the browser cache before you see your changes.

If your tests do not behave as expected, ensure you are using your newly-compiled custom GBC. Depending on your development environment, you may need to package and deploy a custom GBC client. For information on which customization and theme you are using, see Selecting customizations and themes.