Home » Working with widgets » Working with Number Fields

About Number Fields

Adding a new Number Field

Renaming a Number Field

Changing the position of a Number Field

Changing the width of a Number Field

Displaying a Number Field as a form

Displaying the value of a Number Field as a decimal number

Moving a Number Field Forward or Backward

Centering a Number Field

Deleting a Number Field

About Number Fields:

A Number Field is a special type of text field that displays numbers. Number Fields can be displayed as a form.

Adding a new Number Field:

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

Alternately, you can type ^⌘N.

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

Renaming a Number Field:

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

Changing the position of a Number Field:

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

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

Changing the width of a Number Field:

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

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

    Please note that the height of a Number Field cannot be altered.

Displaying a Number Field as a form:

Display as Form Explanation

  1. If the Number Field 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 Number Field.
  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 value of a Number Field as a decimal number:

  1. If the Number Field 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 Number Field.
  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 Decimal No. check box if it is not already checked.
    Display as Decimal Number

Moving a Number Field Forward or Backward:

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

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

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

Centering a Number Field:

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

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

Deleting a Number Field:

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