The Doodle widget is a freehand drawing canvas that lives on your page. Draw on it with your mouse, trackpad, or finger, then save the sketch so it stays put like any other widget. It's handy for a quick diagram, a hand-drawn label beside a group of links, a signature, or a doodle to break up a busy page.
Adding the Doodle widget
- Open the page you want to add it to and click Edit in the page header.
- Click Add Widget.
- Choose Doodle from the picker.
- Optionally set a Widget Title, then save. The widget is placed as a blank canvas, ready to draw.
Settings
Unlike most widgets, the Doodle widget keeps its controls on the canvas rather than in a settings drawer. The gear on the widget's edit toolbar opens a drawer with a single option: an optional Widget Title. Set one and a small header appears across the top of the widget; leave it blank and the entire area is drawing space. Every drawing control — colors, stroke width, eraser, and the rest — lives in the toolbar that appears while you draw.
For how the edit toolbar, resizing, and titles work across every widget type, see the widgets basics guide.
Drawing on the canvas
Drawing happens in edit mode. With the page in edit mode, click the Doodle widget — a blank one shows a Click to draw prompt — to switch into drawing mode. Press and drag with your mouse, trackpad, or finger to lay down a stroke, then lift and drag again for the next one. On a touchscreen, dragging draws on the canvas instead of scrolling the page. A toolbar stays at the top of the canvas the whole time you're drawing.
Drawing tools
The toolbar has everything you need to build up a sketch and tidy it up:
| Tool | What it does |
|---|---|
| Background color | Sets the fill color behind your strokes. Pick a preset swatch or type a hex value. |
| Stroke color | Sets the color of new strokes. Pick a preset swatch or type a hex value; strokes you already drew keep their color. |
| Width | Sets stroke thickness, from 1 to 20 pixels, for the strokes you draw next. |
| Eraser | Switches to erase mode; click or drag over a stroke to remove it. It deletes whole strokes, not parts of them. |
| Undo | Removes the most recent stroke. Ctrl+Z, or Cmd+Z on a Mac, does the same. |
| Clear | Removes every stroke after you confirm. |
Saving your drawing
The Doodle widget does not save automatically. When the sketch looks right, click Save to store it — the drawing then renders on the page and stays there when you reload or when someone else views the page. Click Cancel, or press Escape, to leave drawing mode and discard everything you've changed since the last save; if you have unsaved strokes, you'll be asked to confirm first.
If you want typed, formatted text rather than a freehand sketch, the Note widget is its written counterpart.