Home » Working with widgets » Working with Tables

About Tables

Adding a new Table

Renaming a Table

Changing the position of a Table

Resizing a Table

Displaying a Table as a form

Adding a column to a Table

Deleting a column from a Table

Moving a Table Forward or Backward

Centering a Table

Deleting a Table

About Tables:

A Table displays ordered records. Unlike Lists, up to 9 additional columns can be added. Possible column types include: text, combo text, date, number, currency, check box, and rating. Tables can be displayed as a form.

Adding a new Table:

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

Alternately, you can type ^⌘T.

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

Renaming a Table:

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

Changing the position of a Table:

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

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

Resizing a Table:

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

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

Displaying a Table as a form:

Display as Form Explanation

  1. If the Table 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 Table.
  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

Adding a column to a Table:

  1. If the Table 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 Table.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “Columns in this Table” section of the Info sidebar, click the Add New Column button (“+”) and select a column type from the pop up menu.
    Add Column
  5. To name the newly created column, double-click on the name of the column and type in the desired name.
    Rename Column

Deleting a column from a Table:

  1. If the Table 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 Table.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “Columns in this Table” section of the Info sidebar, click the name of the desired column.
    Select Column
  5. Click the Delete Column button (“-”).
    Delete Column

    Please note that a Table must always have at least one column and, as a result, the Delete Column Button will be grayed out if there is only one column.

Moving a Table Forward or Backward:

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

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

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

Centering a Table:

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

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

Deleting a Table:

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