Home » Working with widgets » Working with Check Boxes

About Check Boxes

Adding a new Check Box

Renaming a Check Box

Changing the position of a Check Box

Changing the width of a Check Box

Moving a Check Box Forward or Backward

Centering a Check Box

Deleting a Check Box

About Check Boxes:

A Check Box is a special type of button that can be considered on or off. Clicking on a Check Box will toggle its state.

Adding a new Check Box:

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

Alternately, you can type ^⌘H.

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

Renaming a Check Box:

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

Changing the position of a Check Box:

  1. If the Check Box 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 Check Box to the desired destination.

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

Changing the width of a Check Box:

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

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

    Please note that the height of a Check Box cannot be altered.

Moving a Check Box Forward or Backward:

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

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

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

Centering a Check Box:

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

    To center a Check Box vertically, choose Widget > Center Vertically in Card or Center Vertically in Background.

Deleting a Check Box:

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