Work With JET Core Pack Components

Starting with VB Studio 24.07, you can build your extension's pages using the next generation of JET components, known as Core Pack components. Core Pack components provide new implementations that improve performance and, in many cases, introduce extra functionality.

Note:

Core Pack components are designed for Redwood, so your extension must use the Redwood theme. This functionality also requires Oracle Cloud Applications 24C or later (with JET 16.x).

Some Core Pack components are brand new and available to you in the Components palette under the Early Access category. Some others, typically those that supersede Legacy components, are available in their usual category. For example, you'll find the Avatar Core Pack component (oj-c-avatar) listed under Controls & Navigation, same as the Legacy Avatar component (oj-avatar). Note how Core Pack components use the oj-c- prefix, instead of oj- used by Legacy components.

Though some Core Pack components are meant to replace existing Legacy versions, the change won't impact your existing extension because Core Pack components can run side-by-side with Legacy components. You can keep a replaced component in your page and continue to update its properties (though dragging and dropping the component afresh uses the Core Pack version by default). It's important, however, to plan time in your development cycle to move to the Core Pack components. Note that no updates are planned for Legacy components; all updates and new functionality will be available only through the Core Pack. For more information, see Core Pack overview in JET documentation.

To move to Core Pack components in your extension's pages:

  1. Open the Components palette and look for available Core Pack components.
    To see all Core Pack components and their categories, enter oj-c- in the Filter field. To see Legacy and Core Pack versions for a particular component:
    1. Click Components Menu and select Show Maintenance.
    2. Filter for the component. For example, here's how you might see the Avatar versions:

    3. Hover your cursor over the component badged Maintenance badge to view its Info icon, then see what the suggested Core Pack alternative is. In some cases, the alternative may be a direct replacement, like oj-c-avatar for oj-avatar. In other cases, it may be an entirely different component. For example, the alternative suggested for Circular Status Meter gauge (oj-status-meter-gauge) is Meter Bar gauge (oj-c-meter-bar):

  2. Update the Legacy component with a suitable Core Pack component.
  3. Preview your extension to make sure it renders correctly.