GBC 1.00.47

GBC 1.00.47 was released on August 31st 2018.

This page provides information about new features, as well as changes you need to take care of when migrating your customization to this version.

Mobile Widgets

When using the mobile theme, some widgets now use a native picker to handle their values:

Widget native input type Comment
DateEdit date See presentation styles (4st) limitations below.
DateTimeEdit datetime-local See presentation styles (4st) limitations below.
TimeEdit time Will only display hour and minutes.
SpinEdit number Will open a numeric virtual keyboard.

Limitations: Since a native picker cannot be customized, the presentation styles (4st) for the DateEdit and DateTimeEdit widgets will not work on mobile. These styles include:

  • calendarType
  • daysOff
  • firstDayOfWeek
  • showcurrentMonthOnly
  • showGrid
  • showWeekNumber

The display format will depend on the device settings.

Widget instantiation

You can override instantiation of widgets by customizing the widget factory. In the file theme.config.json of your theme, use the "widgetFactory" entry:

{
"widgetFactory": {
    "DateEdit": "cls.MyDateEditWidget",
    "SpinEdit": "cls.MyCustomSpinerWidget"
  }
}

This allows you to change all new instances of the given widgets to the ones defined in this theme.

Frontcall API for Themes

A new frontcall module theme has been added to manage themes with three functions:

  • setTheme to activate a given theme. This method takes a theme name as parameter.
  • getCurrentTheme to get the active theme.
  • listThemes to list all available themes.

Tablet and Phone conditions for Themes

Two new conditions have been added to distinguish mobile phones from tablets: isPhone and isTablet. They can be used in the conditions section of a theme.config.json file.

Accessibility: high contrast theme

Starting with this version, we provide a high contrast theme which is compliant with web accessibility standards and best practices. This theme increases font size and widget size, add contrasts on colors, and displays borders on widgets in order to clearly distinguish them. This theme definition is located in theme\colors\highcontrast\theme.scss.json. It can be customized to meet your specific needs.

Folder presentation style (4st): position=accordion

The position style attribute supports a value of "accordion". When set, the folder pages render as an accordion, where only one folder page will be visible at a time to fit with the folder global behavior.