The canvas is where collaboration happens. It's a shared, infinite workspace where everyone can draw, write, add sticky notes, and work together in real time.
New to Kolab? Start with System Check to make sure your browser is ready, then come back here.
Canvas Basics
What You Can Do
The canvas supports several types of content:
| Tool | What it does |
|---|---|
| Sticky notes | Add text notes that can be moved around |
| Text | Type directly on the canvas |
| Shapes | Rectangles and circles |
| Images | Upload images from your device |
| Embeds | Add iframes with external content |
| Card decks | Interactive decks of cards |
Finding the Tools
Look for the toolbar - it's usually at the bottom of your screen. Click on a tool to select it, then click on the canvas to place it.
Additional tools are available by clicking the + button in the toolbar.
Adding Content
Sticky Notes
- Click the sticky note icon in the toolbar
- Click where you want to place it on the canvas
- Type your text
- Click outside to finish
Tips:
- Double-click an existing note to edit it
- Drag notes to reposition them
- Sticky notes auto-resize to fit your text
Text
- Click the text icon (T) in the toolbar
- Click where you want to type on the canvas
- Start typing
- Click outside to finish
Shapes
- Click the rectangle or circle icon in the toolbar
- Click and drag on the canvas to draw the shape
- Release to finish
- Drag corner handles to resize
Images
- Click the image icon in the toolbar
- Select an image file from your device
- The image appears on the canvas
- Drag to reposition, drag corners to resize
Working with Content
Selecting Things
- Single item: Click on it
- Multiple items: Click and drag a box around them, or hold
Shiftand click each - Deselect: Click on empty canvas
Moving Content
- Select what you want to move
- Drag it to a new location
- Release to place it
Resizing
- Select the item
- Drag the corner handles to resize
- Release when happy with the size
Deleting
- Select the item
- Press
DeleteorBackspace - Or look for a delete button/icon
Copying and Pasting
Ctrl+C/Cmd+Cto copyCtrl+V/Cmd+Vto paste- The copy appears near the original or where you click
Collaborating in Real Time
You'll See Others
When others are working on the canvas:
- You might see their cursors moving around
- Changes appear instantly - no refresh needed
- You might see who's editing an item
Working Together
Best practices:
- Spread out - don't all crowd the same area
- Use different colors if doing similar work
- Communicate via chat about who's working on what
- It's okay to build on others' contributions
Avoiding Conflicts
If two people edit the same item simultaneously:
- Kolab usually handles it gracefully
- The last change typically wins
- If something gets messed up, use undo (
Ctrl+Z/Cmd+Z)
Canvas Activities You Might Do
Brainstorming
- Everyone adds sticky notes with ideas
- Group similar notes together
- Vote on favorites using dots or reactions
Mapping & Organizing
- Create categories with shapes or labels
- Drag content into different areas
- Use arrows to show relationships
Gallery Walk
- Content is spread across the canvas
- Move around to explore
- Add comments or reactions as you go
Visual Collaboration
- Work together on a diagram
- Build a timeline
- Create a mind map
Performance Tips
If the Canvas Feels Slow
- Zoom out - Less detail to render
- Close other tabs - Free up browser resources
- Check your connection - System Check can help
- Use Chrome - Often fastest for canvas apps
If Content Isn't Appearing
- Check your internet connection
- Try refreshing the page
- Wait a moment - sometimes there's brief lag
- Ask if others can see your changes
Keyboard Shortcuts Reference
| Action | Windows/Linux | Mac |
|---|---|---|
| Undo | Ctrl+Z | Cmd+Z |
| Redo | Ctrl+Shift+Z | Cmd+Shift+Z |
| Copy | Ctrl+C | Cmd+C |
| Paste | Ctrl+V | Cmd+V |
| Duplicate | Ctrl+D | Cmd+D |
| Cut | Ctrl+X | Cmd+X |
| Delete | Delete or Backspace | Delete or Backspace |
| Select all | Ctrl+A | Cmd+A |
| Deselect | Esc | Esc |
| Move element | Arrow keys (when selected) | Arrow keys (when selected) |
| Move faster | Shift + Arrow keys | Shift + Arrow keys |
Related Guides
- Navigating the Space - Moving around the canvas
- Troubleshooting - When things don't work
- System Check - Test your setup