TotalApp Docs
Ctrl K
Home
EN | TR
Go to App

Visual Sync

Freeform canvas editor — draw shapes, connect ideas, and build visual diagrams on an infinite board.

Overview

Visual Sync is TotalApp's full-screen, infinite canvas editor. It opens when you click on a board from the My Boards list. Use it to sketch ideas, map flows, build wireframes, or capture anything visual using shapes, text labels, connectors, and freehand drawing.

Quick Start

Open any board from My Boards to enter the canvas. Double-click anywhere on the canvas to add a text label, or use the shape toolbar on the left to place shapes. Press Ctrl+S to save, or use the ← back arrow (top-left) to exit — your work is saved and a thumbnail is generated automatically.

Canvas Navigation

Zoom

Scroll the mouse wheel (or pinch on a trackpad) to zoom in and out. The canvas zooms around your cursor position. Use the zoom controls in the bottom-right corner to set a specific zoom level.

Pan

Hold Space and drag to pan across the canvas. Alternatively, use a two-finger drag on a trackpad. The canvas is infinite — you can pan in any direction without hitting a boundary.

Fit to Screen

Press Ctrl+Shift+H or click the "Fit" button to zoom and pan so all content fits within the visible viewport.

Drawing Tools

The shape toolbar on the left side of the canvas gives you access to all drawing tools:

Canvas Navigation

Zoom

Scroll the mouse wheel (or pinch on a trackpad) to zoom in and out. The canvas zooms around your cursor position. Use the zoom controls in the bottom-right corner to set a specific zoom level.

Pan

Hold Space and drag to pan across the canvas. Alternatively, use a two-finger drag on a trackpad. The canvas is infinite — you can pan in any direction without hitting a boundary.

Fit to Screen

Press Ctrl+Shift+H or click the "Fit" button to zoom and pan so all content fits within the visible viewport.

Adding Shapes

Use the shape toolbar on the left side of the canvas to add elements:

Shape Type How to Add
RectangleClick the rectangle tool, then click-drag on the canvas to draw.
Circle / EllipseClick the ellipse tool, then click-drag on the canvas to draw.
Text LabelDouble-click anywhere on the canvas to place a text element inline.
Arrow / ConnectorHover over a shape's edge until connection handles appear, then drag to another shape.
FreehandSelect the pencil tool and draw freely with your mouse or stylus.

Editing Shapes

  • Select — click a shape to select it. A selection border with resize handles appears.
  • Move — drag a selected shape to reposition it.
  • Resize — drag any of the eight resize handles around the selection border.
  • Edit text — double-click a text element or a shape with a label to enter edit mode.
  • Delete — select a shape and press Delete or Backspace.
  • Multi-select — hold Shift and click multiple shapes, or drag a selection rectangle over them.

Saving

The canvas auto-saves changes periodically. You can also force a save at any time by pressing Ctrl+S. When you close the canvas (click the ← arrow in the top-left), the board is saved and a new thumbnail is generated for the board card.

Thumbnails Update on Save

The board card thumbnail shown on the My Boards list is generated from the canvas SVG content each time the board is saved. If the canvas is empty, a placeholder icon is shown instead.

Data Persistence

All boards and their canvas content are stored on the TotalApp server via a persistent JSON API. Your boards are tied to your account and will be available on any device or browser session — no local storage is used.

  • Board list (titles, metadata, thumbnails) is loaded from the server when you open My Boards.
  • Canvas content (shapes, positions, connections) is saved to the server on explicit save or auto-save.
  • Thumbnails are SVG data URIs stored alongside the board data.

No Local Storage

Board data is never stored in the browser's localStorage or IndexedDB. All persistence goes through the server, so your boards survive browser clears, incognito sessions, and device switches.

Frequently Asked Questions

Can I share a board with a teammate?
Board sharing across tenants is planned for a future release. Currently boards are personal — visible only to your account. Within the same tenant, boards may be accessible depending on your tenant's configuration.
Is there an undo/redo in the canvas?
Yes. Press Ctrl+Z to undo and Ctrl+Y (or Ctrl+Shift+Z) to redo within the current canvas session. Undo history is reset when you close and reopen the canvas.
Why does a board show a placeholder thumbnail instead of a preview?
A placeholder thumbnail appears when the board is empty, or when the canvas SVG could not be rendered (e.g. after a very large or complex drawing). Open the board, add some content, and save to regenerate the thumbnail.
How many boards can I create?
There is no hard limit on the number of boards. Performance may degrade with very large numbers of boards on the list screen — consider archiving or deleting boards you no longer actively use.
Can I export a board as an image or PDF?
Export functionality (PNG, SVG, PDF) is planned for a future release. Currently you can take a screenshot of the canvas as a workaround.

Related Documentation