Home » Working with widgets » Working with Lists

About Lists

Adding a new List

Renaming a List

Changing the position of a List

Resizing a List

Displaying a List as a form

Displaying the Check Boxes column of a List

Displaying the Numbers column of a List

Moving a List Forward or Backward

Centering a List

Deleting a List

About Lists:

A List displays ordered records. In addition to a single text column, a check boxes column and a order column can be optionally displayed. Unlike Tables, it is not possible to add additional columns. Lists can be displayed as a form.

Adding a new List:

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

Alternately, you can type ^⌘L.

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

Renaming a List:

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

Changing the position of a List:

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

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

Resizing a List:

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

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

Displaying a List as a form:

Display as Form Explanation

  1. If the List 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 List.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “Appearance” section of the Info sidebar, click the “Display as form” check box if it is not already checked.
    Display as Form

Displaying the Check Boxes column:

  1. If the List 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 List.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “Appearance” section of the Info sidebar, click the “Check Boxes column” check box if it is not already checked.
    Display Check Boxes Column

Displaying the Numbers column of a List:

  1. If the List 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 List.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “Appearance” section of the Info sidebar, click the “Numbers column” check box if it is not already checked.
    Display Numbers Column

Moving a List Forward or Backward of a List:

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

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

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

Centering a List:

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

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

Deleting a List:

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