Home » Working with widgets » Working with Horizontal Lines

Adding a new Horizontal Line

Renaming a Horizontal Line

Changing the position of a Horizontal Line

Resizing a Horizontal Line

Changing the action and sound of a Horizontal Line

Changing the stroke color of a Horizontal Line

Changing the stroke thickness of a Horizontal Line

Moving a Horizontal Line Forward or Backward

Centering a Horizontal Line

Deleting a Horizontal Line

Adding a new Horizontal Line:

Choose Widget > Insert Shape > Horizontal Line. If the current Edit Mode is Edit Background Layer, then the Horizontal Line will be added to the Background. Otherwise, it will be added to the current card.

Alternately, you can type ^⌥⌘-.

A Horizontal Line can also be added using the Widgets pull-down menu in the toolbar.
Widgets Pull Down

Renaming a Horizontal Line:

  1. If the Horizontal Line is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Horizontal Line.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “General” section of the Info sidebar, type the new name of the Horizontal Line into the Name field.
    Rename

Changing the position of a Horizontal Line:

  1. If the Horizontal Line is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click and drag the Horizontal Line to the desired destination.

    Alternately, the location can altered using the Horizontal Line’s “Metrics” section of the Info side bar.

Resizing a Horizontal Line:

  1. If the Horizontal Line is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Horizontal Line.
  3. Click and drag one the anchors in the desired direction.
    Anchors

    Alternately, the width and height can altered using the Horizontal Line’s “Metrics” section of the Info sidebar.

Changing the action and sound of a Horizontal Line:

  1. If the Horizontal Line is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Horizontal Line.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “Action” section of the Info sidebar, choose the action type using the “Type” pop up.
    Action Type
  5. To complement the the action with a sound, choose a system sound using the “Sound” pop up.
    Action Sound

Changing the stroke color of a Horizontal Line:

  1. If the Horizontal Line is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Horizontal Line.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “Stroke” section of the Info sidebar, click on the “Color” color well to open the Colors panel.
    Stroke Color
  5. Using the Color panel, choose the desired color.

Changing the stroke thickness of a Horizontal Line:

  1. If the Horizontal Line is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Horizontal Line.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. Click and drag the “Thickness” slider to the desired thickness (in points).
    Fill Well

Moving a Horizontal Line Forward or Backward:

  1. If the Horizontal Line is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Horizontal Line.
  3. To move a Horizontal Line one position at a time, choose Widget > Bring Forward or Send Backward.

    To move a Horizontal Line in front of all other widgets in a card or the background, choose Widget > Bring to Front.

    To move a Horizontal Line behind all other widgets in a card or the background, choose Widget > Send to Back.

Centering a Horizontal Line:

  1. If the Horizontal Line is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Horizontal Line.
  3. To center a Horizontal Line horizontally, choose Widget > Center Horizontally in Card or Center Horizontally in Background.

    To center a Horizontal Line vertically, choose Widget > Center Vertically in Card or Center Vertically in Background.

Deleting a Horizontal Line:

  1. If the Horizontal Line is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Horizontal Line.
  3. Press the Delete key.