GBC 5.01.08 new features and upgrade notes

A summary of new features and changes in functionality introduced with Genero Browser Client (GBC) 5.01.08. Note the changes you may need to make when moving to this version of the GBC.

Important:

This page covers only those new features introduced with the Genero Browser Client version specified in the page title. Check prior new features pages if you migrate from an earlier version.

For a detailed list of GBC 5.01.08 changes, please refer to the list of fixes on our issue tracker.

Previous new features page: GBC 5.01.07 new features and upgrade notes.

Window list combobox added back to the ChromeBar

When an application opens multiple windows, the current window title transforms into a combobox. Clicking the title reveals a hierarchical list of all open windows. Each entry includes a custom icon that distinguishes normal windows from modal ones. The combobox highlights the active window and adds a green Current label beside it.

When the parent application launches multiple child applications and waits for them to complete, the combobox also lists windows from those child applications.

Window switching via the combobox is not supported at this time.

Figure: Window list (Desktop)

Screenshot of combobox showing window list in the ChromeBar for a desktop application.
Figure: Window list (Mobile)

Screenshot of combobox showing window list in the Chromebar for a mobile application.

URL anchors for state management

Single-page web applications (SPAs) traditionally managed the application state using the URL anchor, allowing users to bookmark and restore specific states. GBC now supports this functionality through frontcalls and dedicated actions.

The Genero Desktop Client (GDC), Genero Mobile for Android™ (GMA) and Genero Mobile for iPhone® (GMI) do not support bookmarking. If used outside the browser, the frontcalls return the error:
Not available on this platform

A sample of this feature is found in the tests/genero_samples directory of the GBC project package. For more details, go to the Controlling web application state (#anchor) in the Genero Business Development Language User Guide.

New ChromeBar theme variables

New theme variables allow deeper customization of the ChromeBar:
$gbc-ChromeBar-gap Defines the space between the three ChromeBar containers: the Start container, the Middle container, and the End container.
$gbc-ChromeBar-hidden-containers Allows hiding of the Start container, the Middle container, or both.
$gbc-ChromeBar-item-gap Sets the spacing between ChromeItems inside the End container. (Renamed from gbc-ChromeBar-item-spacing for naming consistency; the old variable remains available as an alias.)
$gbc-ChromeBar-item-content-gap Defines the spacing between elements inside a ChromeItem; for example, between the icon and text in the overflow menu.
$gbc-ChromeBar-icon-font-weight Adjusts the font weight for ChromeItem icons.
$gbc-ChromeBar-title-max-width Defines the ChromeBar title max width on desktop.
$gbc-ChromeBar-mobile-title-max-width Defines the ChromeBar title max width on mobile.
$gbc-ChromeBar-item-hover-color Defines the ChromeBar item hover color.
$gbc-ChromeBar-item-hover-opacity Defines the opacity of a ChromeBar item when hovered.

For more information on ChromeBar theme variables, go to ChromeBar specific variables.

Removal of the listView table type widget

The listView setting for the tableType table presentation style was deprecated with the release of Genero Enterprise 4.00, yet it was still possible to use the widget.

Starting with GBC 5.01.08, the listView table type widget is removed completely. Any application using a listView table type will automatically default to the suggested replacement: a FLIPPED table with the rowAspect style attribute set to "list".

New theme variables

The following variables have been added:
$gbc-FloatingPanel-margin Defines the floating panel margin.
$gbc-FloatingPanel-padding Defines the floating panel padding.
$gbc-SideBarRail-padding Defines the sidebar rail basic padding.
$gbc-SideBarRail-gap Defines the sidebar rail gap.
$gbc-SideBarDrawer-gap Defines the sidebar drawer gap.
$gbc-ItemWidget-iconSize Defines the ItemWidget icon size.
$gbc-ItemWidget-padding Defines the ItemWidget padding.
$gbc-ItemWidget-margin Defines the ItemWidget margin.
$gbc-ItemWidget-gap Defines the ItemWidget gap.
$gbc-ItemWidget-radius Defines the ItemWidget border radius.
$gbc-ItemWidget-hover-color Defines the ItemWidget hover color.
$gbc-ItemWidget-active-color Defines the ItemWidget active color.
$gbc-ItemWidget-focus-color Defines the ItemWidget focus color.
$gbc-ItemWidget-hover-border-width Defines the ItemWidget hover border width.
$gbc-ItemWidget-active-border-width Defines the ItemWidget active border width.
$gbc-ItemWidget-focus-border-width Defines the ItemWidget focus border width.

Node.js compatibility warning

When running automated tests on Windows® using the gbc testcafe command, test execution may fail with the following error when using Node.js v22.14.0 or higher:
TypeError: Invalid URL
code: E1035
To avoid this issue, use Node.js v22.13.0 until a fix is available in a future TestCafe release.