Components of OXIDE

These are the main components of OXIDE (marked in the images below). Scroll down for details about each component.

  • Editor Pane

  • Workspace tabs

  • Trays

  • Panels

  • Visor

  • Test App

  • Dashboard

  • Organization and app switcher

  • Toolbar

  • Command palette

Component Details

Editor pane

The left and right editor panes are used to edit and interact with your code. This is the component that you will be using the most.

OXIDE Advanced Mode: In advanced mode you can have more than 2 editor panes open at any time.

Workspace tabs

A workspace is a pre-configured logical collection of trays, panels and editor panes that are used to make working on a specific part of your application as easy as possible. The default workspaces are "Overview", "Views", "CloudCode", "Assets", "Deployments", "Settings", and "Data Model".

OXIDE Advanced Mode: In advanced mode you can manage your own custom workspaces.


Trays are components that are used to hold various panels. A tray can either be open (expanded) or closed (collapsed), but panels within a tray can be accessed whether the tray is open or closed.

OXIDE Advanced Mode: In advanced mode you can manage the trays in your workspaces, collapse and expand them, add and remove panels, even add additional trays.


Panels are used to display specific bits of information in an interactive but mostly read-only component inside of a workspace. Panels can be displayed inside of trays or as standalone components.

OXIDE Advanced Mode: In advanced mode you can manage the panels in your workspaces actively.

OXIDE's footer is used to display diagnostic information about your application. You can configure which details are being displayed, by clicking on the gear icon on the left.

Test App

The Test App action is the shortcut that you as a developer will use to quickly test your application. Clicking on this shortcut will allow you to link a JourneyApps Container to the app that you are working on so that you can test it on device.


The Dashboard shortcut, located in the top left corner, is the easiest way to get back to your OXIDE dashboard from where you can switch apps and organizations.

Organization and app switcher

The Organization and app switcher, located in the top left corner next to the Dashboard shortcut, provides you with a quick way of switching between apps and organizations.


The Toolbar, located in the top right corner, holds several common shortcuts: "Search" functions, "App settings" where basic settings for your current app can be configured, a "Help" button with links to common resources, and your "Profile" settings.

Command palette

The command palette is the most powerful component in OXIDE. From here you can access just about anything you need to do with your application. To access the command palette use the keyboard shortcut shift+shift or ctrl+shift+p (Win) / cmd+shift+p (MacOS).

Last updated