Builder
Rotating widgets
Every widget in the Theme Builder can be rotated to any angle. This is useful for creating angled text labels, tilted panels, diagonal dividers, and creative layouts.
Three Ways to Rotate:
1. ROTATION HANDLE (drag to rotate)
Select any widget and you'll see a circular handle above it, connected by a thin cyan line. Click and drag this handle to rotate the widget freely. The widget rotates around its center point.
Tip: Hold Shift while dragging to snap to 15° increments (0°, 15°, 30°, 45°, 60°, 75°, 90°, etc.). This makes it easy to get exact angles.
2. PROPERTIES PANEL (type exact angle)
In the right-side properties panel, under Position & Size, you'll find a Rotation° field. Type any number (e.g. 45) and press Enter to rotate to that exact angle. Quick-set buttons next to the field let you jump to 0°, 90°, 180°, or 270° with one click.
3. STATUS BAR
When a rotated widget is selected, the status bar at the bottom shows the rotation angle (e.g. ⟳45°). This gives you a quick read of the current rotation without opening properties.
How Rotation Works:
- Rotation is measured in degrees clockwise (0° = no rotation, 90° = quarter turn right)
- The widget rotates around its center point
- Resize handles stay axis-aligned for easy editing — only the visual output rotates
- Rotation is saved in .saint theme files and applied on the car
- Copy Style (Ctrl+Shift+C) does NOT copy rotation — it's a transform, not a style
Common Uses:
- Angled text labels for a sporty look
- Diagonal divider lines
- Tilted panels and decorative elements
- 90° rotated text for vertical labels
- Creative widget arrangements
Keyboard Reference:
- Drag rotation handle → free rotation
- Shift + drag handle → snap to 15° increments
- Type angle in Properties → exact rotation
- Quick buttons: 0°, 90°, 180°, 270°
Last updated: Mar 29, 2026