Inspector Panel

The Inspector Panel is your primary control center for modifying object properties.

Inspector Sections

The inspector is context-aware and changes based on your selection. Below are the standard sections and the fields they contain:

1. Layers (Always Visible)

  • Layer Visibility: Toggle the eye icon to show/hide layers.
  • Lock: Toggle the lock icon to prevent editing.
  • Rename: Double-click the layer name to change it.
  • Active Layer: The blue highlighted layer is where new objects are added.

2. Geometry (Symbols, Shapes, Images)

  • X / Y: Horizontal and vertical position on the canvas.
  • Width / Height: Dimensions of the selected object.
  • Rotation: Angle in degrees (0 to 360).
  • Flip: Buttons to flip the object horizontally or vertically.

3. Style (Symbols, Shapes, Images)

The Style section provides comprehensive control over the visual presentation of vector objects.

Fill Options

  • Fill Type:
    • Solid: A single consistent color.
    • Linear Gradient: A smooth transition between two or more colors along a straight line.
    • Radial Gradient: A circular transition originating from a center point.
    • Pattern: Fill the shape with a repeating image or texture.
  • Opacity: Adjust the overall transparency of the fill (0% to 100%).

Stroke (Outline)

  • Color: Set the outline color.
  • Width: Adjust the thickness of the line (usually in points, 0-20pt).
  • Line Type:
    • Solid: A continuous line.
    • Dashed / Dotted: Various dash and dot patterns (Solid, Dotted, Dashed, Dash-Dot, Dash-Dot-Dot, Long Dash).
  • Opacity: Independently control the transparency of the outline.

Effects

  • Shadow:
    • Toggle the drop shadow effect.
    • Blur: Adjust the softness of the shadow edges.
    • Offset (X, Y): Move the shadow relative to the object.
    • Color: Set the shadow color and its transparency.
  • Corner Radius: For rectangular shapes, drag the slider to round the corners.

4. Connector Geometry (Connectors Only)

  • Routing Mode: Choose between Straight, Polyline, Orthogonal, or Bezier.
  • Source / Target: Specific X, Y coordinates for the start and end points.
  • Segment Control: Options to add/remove segments (for polyline/orthogonal).

5. Connector Style (Connectors Only)

  • Arrowheads: Choose from a library of start and end markers (Arrow, Dot, Diamond, etc.).
  • Line Width / Color: Standard stroke controls.

6. Text (Objects with Text)

  • Font: Change family, size, and styling.
  • Alignment: Horizontal and vertical positioning within the container.
  • Margins: Internal padding between text and the object border.

Inspector Panel Sections