1. Building Responsive Applications with Visual Builder Studio
  2. Develop Applications
  3. Work With Components
  4. Add Components to Pages
  5. Opt In to JET Core Pack Components

Opt In to JET Core Pack Components

It's possible to build your app's pages using the next generation of JET components, known as Core Pack components. Core Pack components can improve your app's performance—but they do not support theming. If you don't ever plan to theme your app, you can choose to enable Core Pack components in the Components palette for use in your app's pages.

Caution:

Core Pack components were previously available under the Early Access category in the Components palette. If you use these components in your app's pages, you cannot apply themes to customize the app's appearance for your users or switch your work environment's color palette. The only way to apply themes then is to roll back Core Pack component usage to Legacy components and re-implement your application.

Core Pack components, written entirely using the VComponent API and the JET Virtual DOM architecture, provide new implementations that improve performance and, in many cases, introduce extra functionality. For more information, see Core Pack overview in JET documentation.

To use Core Pack components in your VB Studio application, you must first enable them to show in the Components palette. Once enabled, they become available to you under the Early Access category as a completely new set of components. As a result, you can use both Core Pack and Legacy components side by side. Core Pack components have a DOM element prefix of oj-c-* (instead of the existing oj-* prefix used by Legacy components) and are badged Early Access badge for easier identification.

To enable Core Pack components for use in your application:

  1. Switch to Source view, then select visual-application.json.
  2. Add the "corePackComponentsEnabled": "onAndAcceptTheAppCanNoLongerBeThemed" flag to the file as shown here:
        "features": {
         "corePackComponentsEnabled": "onAndAcceptTheAppCanNoLongerBeThemed"
     },
  3. Refresh your browser to make the change take effect.
  4. Switch to your app's pages to see Core Pack components added to the Early Access category in the Components palette.

    Hover your cursor over a component in this category to view its Info icon, then confirm that the component's tag name starts with oj-c-.

  5. Switch to the Git panel and click Commit All, enter a commit message, and click Commit to make sure visual-application.json is versioned.