Home » Working with widgets » Working with Horizontal Separators

About Horizontal Separators

Adding a new Horizontal Separator

Renaming a Horizontal Separator

Changing the position of a Horizontal Separator

Changing the width of a Horizontal Separator

Moving a Horizontal Separator Forward or Backward

Centering a Horizontal Separator

Deleting a Horizontal Separator

About Horizontal Separators:

A Horizontal Separator is a standard Mac OS X horizontal line separator.

Adding a new Horizontal Separator:

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

Alternately, you can type ^⌘-.

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

Renaming a Horizontal Separator:

  1. If the Horizontal Separator 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 Separator.
  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 Separator into the Name field.
    Rename

Changing the position of a Horizontal Separator:

  1. If the Horizontal Separator 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 Separator to the desired destination.

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

Changing the width of a Horizontal Separator:

  1. If the Horizontal Separator 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 Separator.
  3. Click and drag one the anchors in the desired direction.
    Anchors

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

    Please note that the height of a Horizontal Separator cannot be altered.

Moving a Horizontal Separator Forward or Backward:

  1. If the Horizontal Separator 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 Separator.
  3. To move a Horizontal Separator one position at a time, choose Widget > Bring Forward or Send Backward.

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

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

Centering a Horizontal Separator:

  1. If the Horizontal Separator 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 Separator.
  3. To center a Horizontal Separator horizontally, choose Widget > Center Horizontally in Card or Center Horizontally in Background.

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

Deleting a Horizontal Separator:

  1. If the Horizontal Separator 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 Separator.
  3. Press the Delete key.