Overview

Version compatibility

Component styling and configuration was introduced in version 4.83.0 of the JourneyApps Runtime.

You can generally customize the look and feel of the UI components in your app, and control component's default behavior within an app.

To achieve this, you define or extend "themes" in OXIDE within an app or view's config.json file. You can define themes for an entire app, and extend or customize those themes to work uniquely on specific views. Individual UI components can also be styled according to one of your predefined themes.

Themes include options for customizing colors, sizing and also component attribute options (e.g. whether all object-table components in your app should have controls enabled or not).

To get started, ensure you have the Advanced theme support setting enabled in OXIDE. This enables functionality such as autocomplete for the configurable attributes of components within a view's xml file and the ability to create view-specific config files. Enable it under IDE settings or from the command palette.