Overview

The following changes were made to support development efforts of the new UI.

Compile Time Changes

Visibility of TBQuickBarButton has been changed from public to private.

The ToolboxSectionedLabel constructor is no longer the same constructor as for Display, with the following parameters:

public constructor(Window parent,
                   Brush brush=noBrush,
                   FrameStyle frameStyle=noFrame,
                   frame3DState frameState=frameStateFlat,
                   str key=null,
                   str label=null,
                   str tooltip=null,
                   bool initFacelift=false, // pass true to enable new Facelift style
                   SrcRef src=#:src) {}

The LazyBasicSnapperButton constructor has been changed to not perform any auto sizing unless passed a size of (-1, -1). All subclasses should modify their constructor's default size parameter to match the new default in order to retain auto sizing.

Runtime/Behavior Changes

The toolbox card width has been updated when running CET in new UI. This matches our new design system for component tab libraries.

  • classic UI: 296 px
    • usable width for existing libraries: 290 px
  • new UI: 312 px
    • usable width for existing libraries: 290 px
    • usable width for adopted libraries: 280 px

For existing libraries that are not adopting to newUI (i.e. useFacelift=false):

  • CET will run your exsting library in a compatibility mode
  • This would mimic the classic UI library width of 290 px.
  • Existing toolbox layout is maintained across classic UI and new UI

For the best experience in new UI, consider adopting your component library for the new UI. https://dev-docs.configura.com/design-system/tutorial-adopting-the-new-ui-style-for-extension-libraries

For more information on what is possible with libraries in new UI: https://dev-docs.configura.com/design-system/component-tab-libraries