User guides

Zone 2 - Connection Line

The connection lines in Pixso Whiteboard allow you to create connections between basic canvas elements such as shapes, text, images, notes, mind maps, flowcharts, etc. to indicate sequence and relation or annotate content on the canvas.

Using the connection line tool, you can draw lines between objects in different styles, such as straight lines, rounded corner lines, right-angled lines, and Bezier curves.

Each line can be customized with its own color, text, endpoints, thickness, solid or dashed line, etc.

Pixso Whiteboard provides five basic line styles:

  1. Right-angled line
  2. Rounded corner line
  3. Bezier curve
  4. Straight line (without arrow)
  5. Straight line (with default arrow)

Create Connection Line

When using the connection line tool to snap to the graphics on the canvas, the snap point will appear. By moving the other control point of the connection line, you can quickly establish a connection between two elements. If the two connected elements are moved on the canvas, the related connection line will move with them.

To create a connection line in Pixso Whiteboard, follow these steps:

  1. Click the Connection line tool in the left-hand toolbar.
  2. Select the type of connection line you want to use in the sub-menu.
  3. Click and drag the cursor between the objects you want to connect.

Note: When you click the + to add a shape to the canvas, a connection line will be automatically added.

Move Connection Line

Connection lines can be moved on the canvas and connected to other objects. You can move their connection paths to better display the process or make room for other objects on the canvas, ensuring a neat layout of the elements.

Move Start the End Points

When one end of a line snaps to one side of an object, you can move one of the points to the other side of the object. To exit the connection line editing and selection mode, press ESC. You can also click on the connection line and drag it with your mouse to move its position. If you only need to fine-tune the position of the connection line, you can use the arrow keys on your keyboard.

  1. Click on any position along the connection line path.
  2. Click and drag the blue control point that you want to move.
  3. Snap it to the side of another object.

You can also temporarily disconnect either end of the connection line from the objects, so that you can complete the connection later or keep it there while you perform other operations.

Customize Connection Line Properties

When you first create or open a file, the line style will be set to its default properties. For example, they will be black, have a width of 2 pixels, have no text, and be a solid path. Once you add a line to the canvas, you can use the floating menu bar to change the text, color, line style, and endpoints.

Pixso Whiteboard will remember any style that you used recently in the file.

Color

Assign different colors to your line paths to indicate separate processes, paths, or workflows.

To do this:

  1. Create or select a line.
  2. Click on the colorpicker.
  3. Choose a new color.

Line Style and Stroke

You can choose between different line styles and outlines, such as solid lines, dashed lines, and dotted lines.

To do this:

  1. Create or select a line.
  2. Click on the floating menu bar.
  3. Choose between solid lines, dashed lines, and dotted lines.

Line Width

Lines can be assigned width values of 1-10 pixels. To change the width of a line:

  • Create or select a line.
  • Click on the floating menu bar.
  • Adjust the width value in the Line width section.

Text on Connection Line

Text can be added to the path of a connection line by following these steps:

  1. Create or select a connection line.
  2. Double-click the area of the connection line where you want to add text.
  3. Enter the text and adjust the relevant properties of the text.

Note: You can add multiple texts on a connection line and adjust their properties.

Move Text on Connection Line

You can drag the text to any position along the path of the line, as well as up or down on the line, to make it easier for your team to see. This only works if the length of the connection line is sufficient to move the text.

Start and End Point Styles

Connection lines have 10 types of start/end point styles that can help you define the direction in the path, and you can also batch edit the style of connection lines after selecting multiple lines.