Lines are helpful for showing relationships and connecting ideas, which is why Lucidspark strives to make working with them as simple and intuitive as possible. Find instructions on how to utilize and format lines to meet your needs below!

Free	Individual	Team	Enterprise	FedRAMP

Add a line to a board

Choose the Line option from the Primary Toolbar or press “L” on your keyboard, then click and drag your cursor across the canvas.
To attach a line to a shape, you can:
Select the shape, click the arrow in the upper right corner, position the line by moving your cursor across the canvas, and single click to attach it to the canvas or to another shape.

Move an independent line close to a shape, where it will automatically attach to the shape’s border.

Add text to a line

To add text to a line, double click the line where you’d like the text box to be added. From there, you can click and drag to position the text box adjacent to or on top of the line.

Format a line

All formatting tools for lines are available in the Formatting Toolbar when a line is selected.

Shape: Lucidspark offers three options for line shape - straight, curved, or elbow, which are available in the Shape dropdown menu. By default, new lines will have the curved shape.

You can modify the path of an elbow line by selecting a line and clicking a node that appears in the center of each section of the selected line. If you hover your cursor over a section of a selected line, an additional node will appear at the quarter mark of that section. Click and drag a node to change the path of the line.
modified-line-is-indicated-with-filled-nodes-in-lucid.gif

The spot that you click and drag becomes an anchor point, which is represented by a fill color on the line. This anchor point doesn't move. If you need to reset an individual anchor point you can right-click and select Remove joint. You can also reset an entire line and remove all anchor points by right-clicking on the line and selecting Reset line.

You can modify the path of a straight or curved line by selecting a line and then clicking and dragging a node that appears in the center of the line to create a joint in the line and adjust the path. The line will be separated into two sections and both sections will now have a node in the center of the section.
click_and_drag_a_node_on_a_curved_line_to_change_path.gif

Color: Simply choose a color from the color palette to apply it to your line. To choose a custom color, select the plus icon and use the slider and cursor to customize a color.

Width: The thickness of a line can be adjusted by choosing the pixel size from the Width dropdown menu.

Style: Make a line path solid or dashed by choosing a style option from the Style dropdown menu.

Arrows: Choose from a variety of arrowheads for one or both ends of your line using the Arrow dropdown menu.

Endpoint size: Adjust the size of the selected endpoint or toggle on "Auto" to have endpoint size adjusted automatically depending on the size of the line.

Give feedback on this article

Have feedback about this article? Tell us about your experience here.

Related articles