Change the background image for the empty tabbed container

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

About this task

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.

Figure: 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).

  1. Save your image:
    • with the name emptytabbed.png.
    • in the gbc-project-dir/customization/customization-project-dir/resources/img directory
  2. Save your changes and rebuild your customization using gbc build: 
    $ gbc build --customization customization-project-dir
  3. Test that your changes work as expected.

    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-built 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.