Screen Editor

Display → Screen Editor

The Screen Editor is the primary layout tool. Each tab represents one screen (page) on the dash. Screens contain gauges positioned at specific coordinates on the display.

Working with Screens

• Add Screen — create a new dash page.
• Rename — double-click the tab name to edit.
• Reorder — use the move-left and move-right buttons on each tab.
• Export / Import — save individual screens as .edscreen files to share between configs.

Toggle Edit Statics to switch between dynamic screens (updated every frame) and static screens (rendered once for performance).

Adding Gauges

1. Select a screen tab.
2. Click Add Gauge and choose a gauge type.
3. Position and size the gauge on the preview canvas.
4. Configure properties in the panel on the right — channel assignment, colours, fonts, and type-specific settings.

Use the zoom slider to adjust the editor zoom level. The preview shows a live render when a device is connected.

Gauge Types

All gauge types are documented in the Gauges reference. Common choices:

Testing

Set Test Value on a gauge to preview how it looks with a specific channel value without needing live data. When connected, the preview updates with real channel values automatically.

Layer Editor

Display → Layer Editor

Layers are self-contained gauge layouts that can be embedded in a screen via the Layer Group Gauge. Each layer is an independent set of gauges rendered to an off-screen texture.

Working with Layers

• Add Layer — create a new layer definition.
• Duplicate Layer — copy an existing layer as a starting point.
• Export / Import — save layers as .edlayer files.

Layers are edited the same way as screens — add gauges, position them, and configure properties. The layer dimensions define the render area.

Using Layers on a Screen

1. Create one or more layers in the Layer Editor.
2. In the Screen Editor, add a Layer Group Gauge.
3. Assign which layers the group can display.
4. Configure events for Next Layer, Previous Layer, and direct Show events per layer.

Layer switching is event-driven, making layers suitable for multi-page dashboards, context-sensitive views, and menu systems.

Overlay Editor

Display → Overlay Editor

Overlays are gauge layouts rendered on top of every screen. They are useful for elements that should always be visible — shift lights, warning indicators, alarm banners, or a persistent speed readout.

Configuration

Overlays are edited like screens and layers:

1. Add gauges to the overlay canvas.
2. Position them in screen coordinates.
3. Assign channels and styling.

Because overlays render above the active screen, use a high Z Layer value on overlay gauges to ensure they appear in front of screen content.

Typical Uses

• Shift light LEDs across the top of the display
• Alarm/warning icons that persist across page changes
• A compact status bar with time, lap count, or connection indicator

Navigation

Display → Navigation

Navigation settings control how the driver moves between screens and which screen appears at startup.

Settings

Wiring Navigation

Map physical buttons or CAN keypad inputs to the next/previous screen events. For example:

• Page Up button on the connector → Previous Screen Event
• Page Down button → Next Screen Event

Layer groups within a screen have their own independent next/previous layer events, configured on the Layer Group Gauge itself.

Images

Display → Images

The Images page manages PNG image files embedded in the configuration. Gauges such as Dial, Image, Multi Image, and Cropped Image reference files from this library.

Managing Images

• Add — import a PNG file into the configuration.
• Remove — delete an unused image from the config.
• Preview — view the image and its filename.

Images are referenced by filename in gauge properties (for example, File Name on a Dial Gauge). Use PNG format with transparency for best results.

Recommendations

• Keep image dimensions close to the size they will be displayed at.
• Design dial needle images pointing upward (0°) with the pivot at the intended rotation centre.
• Use consistent resolution across related assets (gauge bezels, backgrounds, needles).

Fonts

Display → Fonts

Custom fonts can be embedded in the configuration for use by Text, Value, Time, and Status gauges.

Managing Fonts

• Add — import a font file into the configuration.
• Remove — delete an unused font.

Assign a font to a gauge via its Font property. Leave empty to use the default system font.

Recommendations

• Prefer compact, readable fonts designed for small pixel sizes.
• The font atlas system provides fast rendering for numeric value gauges — custom fonts work but may have slightly different performance characteristics.

Media

Display → Media

The Media page manages audio and video files embedded in the configuration. Media assets can be played by display functions or triggered by events.

Managing Media

• Add — import a media file into the configuration.
• Remove — delete unused media.

Supported formats depend on the display firmware. Refer to Display Release Notes for current format support.

Brightness Control

Display → Brightness Control

Brightness control adjusts the LCD and LED backlight intensity based on manual settings, a control channel, or ambient conditions.

Control Modes

Headlight Input

When a headlight-dim input is wired on the display connector, brightness can drop automatically for night driving. Combine headlight dimming with dual brightness mode for day/night profiles.

Shift Light Brightness

Shift light LED brightness is configured separately on the Shift Lights page.