GBC 1.00.52 new features

Themes

You can add theme parts directly in the customization project; they no longer need to be defined as global to the project. Using local theme parts eases future migration efforts.

See How customization works and Working with themes for more information

HBox as SplitView

The splitViewRendering presentation style attribute can now enable a splitview rendering of an HBOX container. To enable splitview rendering, set the attribute to yes :

<Style name="HBox.splitView" >
   <StyleAttribute name="splitViewRendering" value="yes" />
</Style> 

When using this presentation style attribute, an HBox will automatically enable/disable the splitview depending on the screen width. The theme variable mt-responsive-screen-width-breakpoint defines the break point between splitview and normal view.

{
  "mt-responsive-screen-width-breakpoint": 768
}

By default, the breakpoint width is 768 (pixels). It means that if you reduce the browser size or change mobile orientation, the HBox may switch into a splitview if the width is less than 768 pixels.

With a splitview rendering, each child container of the HBox takes the full size of the screen. You switch from a child to another one using swipe gesture.

Focus highlight in INPUT ARRAY Tables

A new border highlight has been added to the Table cell that has the focus. This helps users identify the active cell for some widgets (such as ComboBoxes). The border highlight width can be customized with the gbc-TableWidget-focused-cell-border-width theme variable.

Collapsible Group

A new collapsible behavior is available for the Group element. This feature allows the end user of the application to show or hide group content.

This behavior can be activated or deactivated by the presentation style attribute collapsible, which can be set to yes or no (no is the default).

In addition, the new presentation style attribute initiallyCollapsed can render a group as collapsed when instantiated. This style can be set to yes or no (no is the default).

<Style name="Group.collapsible" >
   <StyleAttribute name="collapsible" value="yes" />
   <StyleAttribute name="initiallyCollapsed" value="yes" />
</Style> 

Toolbars responsiveness

If there is not enough space to display all of the Toolbar items, a new icon appears to indicate that some of items are not displayed (flowing). The icon appears as three dots. Click on the icon to display all of the Toolbar items that otherwise cannot be displayed because of the lack of space.

Note that :

• The previous system for managing a Toolbar with not enough space (arrows on left/right of the Toolbar) has been removed from code.
• The theme-scrollers-speed theme variable, which previously controlled the speed of the Toolbar scrolling, no longer has any effect on the Toolbar.
• The theme-scrollers-clickonly theme variable, which previously controlled whether the scroll arrows reacted to a mouseover, no longer has any effect on the Toolbar.
• The ToolbarWidget.tpl.html file structure has changed. It now uses only one mt-tab-flow, instead of mt-tab-previous and mt-tab-next

Sample customization provided in project package changes

• customization/default was renamed to customization/sample. Its content was simplified to fit to a simple example.
• The customization/template was removed.
• All samples can be found in the GBC documentation. Browse the current documentation for more advanced samples.