DashUI OBD-II

DashUI OBD-II Cluster Editor

Build and tune DashUI OBD-II cluster layouts across landscape, portrait, standard, metric, analog, digital, and HUD display modes. Use the control summary below as a quick map of what each editor section changes.

Controls summary

Screen rotation Switch between 0°, 90°, 180°, and 270°. Each rotation keeps its own positions and sizes.
Layout + tach Choose Balanced, Performance, or Economy layouts, then swap the tach between arc and straight bar.
Theme colors Graph color drives sweeps, ticks, rings, and bars. Text color drives labels and readouts.
Live values Preview RPM, redline, max RPM, speed, economy, and fuel level without changing the layout.
Display options Toggle HUD mirroring, switch analog/digital gauges, and change between metric and standard units.
Editor modes Use Classic sliders, Inspector selection, Direct drag/resize, or Command Palette filtering.
Toolbar Undo, redo, import/export JSON, toggle grid snapping, and use keyboard shortcuts.
Designer panel Fine-tune tach geometry, gauge sizing, label offsets, scale text, arcs, bars, and sensor layout.
Premium demo tools Try gauge shape changes, edit mode, add/remove gauge actions, and sensor picking behavior.
Screen rotation — each rotation has its own configuration
Cluster layout
Tach style
Theme
Select theme
Live values
RPM
Redline
Max RPM
Speed (KPH)
Economy (KPL)
Fuel (%)
Display options
HUD Mode (Windshield)
Gauge mode
Unit system
SIM
SETTINGS
Editing rotation 0° · landscape — layout, tach style, segment shape & text settings broadcast to all 4 rotations. Positions & sizes are per-rotation.
Editor mode — same data, four ways to edit it
History
Config
Snap px
Shortcuts Rrotate Ttach Llayout Escclear
Designer · fine-tune geometry
Inspector — selection: Global
Drag gauges & tach directly on the canvas.
Click any gauge or the tach to select. Drag to move, or use the arrow keys to nudge the selected item. Grab a corner handle to resize a gauge.
Snap-to-grid rounds drag positions to the grid step set in the toolbar (toggle with G). Use Esc to clear selection; click empty space to deselect.
Inline tweaks. While something is selected, a floating pill appears above it with the most-used parameters — type to commit, Tab to jump between fields.
Per-rotation memory. Drag-edits are saved to the active rotation's config only — portrait and landscape stay independent.
★ Premium features · gated in code, demo-enabled here

Editable cluster

Everything below is wired today so we can see it work; the Kotlin module will tag each behavior with @Premium so the free build can disable them at runtime.

PREMIUMGauge shape
Applies to all gauges in the active layout. Sweep fill follows the perimeter.
PREMIUMEdit mode
Long-press a gauge to rename or change its sensor. Long-press the tach to swap arc/bar or resize. Drag handles appear at corners.
PREMIUMAdd / remove gauge
From edit mode, tap an empty slot or "+" to add. Picks any of the supported sensors.