Input Parameters

Parameter names are suggestions. Align them with your actual OutSystems block parameters.

Canvas Configuration

CanvasWidth (Integer)

• Description: Logical width of the drawing canvas in pixels
• Allowed range: 400–1200
• Default: 800

CanvasHeight (Integer)

• Description: Logical height of the drawing canvas in pixels
• Allowed range: 300–900
• Default: 600

Theme and Colors

Theme (Static Entity or Text)

• Values: "Light", "Dark"
• Default: "Light"

PrimaryColor (Text)

• Description: Main accent color for the canvas UI (buttons, highlights, etc.)

DefaultBrushColor (Text)

• Description: Initial drawing color when the canvas loads

Tool Settings

DefaultBrushSize (Integer)

• Description: Initial brush size
• Allowed range:
  • 1–50 (configuration)
  • 1–20 (runtime slider)
• Default: 5

Toolbar Visibility Flags

Each parameter is Boolean. Default value: True.

• ShowToolbar – Shows or hides the entire toolbar region
• ShowColorPicker – Shows/hides the color picker control
• ShowBrushSize – Shows/hides the brush size slider
• ShowShapes – Shows/hides shape tools (Line, Rectangle, Circle)
• ShowTextTool – Shows/hides the text tool
• ShowEraser – Shows/hides the eraser tool
• ShowFillTool – Shows/hides the fill (bucket) tool
• ShowEyeDropper – Shows/hides the eye dropper tool

Action Button Visibility

Each parameter is Boolean. Default value: True.

• ShowUndo – Shows/hides Undo button
• ShowRedo – Shows/hides Redo button
• ShowClear – Shows/hides Clear button
• ShowSave – Shows/hides Save button
• ShowLoad – Shows/hides Load button

Typical Usage Pattern

1. Drag the MS Paint Canvas block into a screen
2. Set CanvasWidth and CanvasHeight (e.g., 800 × 600)
3. Bind Theme to a site-wide theme variable or use the default
4. Configure visible tools and buttons
   • Example: disable shapes for a simple signature pa

Configuration Reference Table