Home » Working with widgets » Working with URL Fields

About URL Fields

Adding a new URL Field

Renaming a URL Field

Changing the position of a URL Field

Changing the width of a URL Field

Displaying a URL Field as a form

Moving a URL Field Forward or Backward

Centering a URL Field

Deleting a URL Field

About URL Fields:

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

Adding a new URL Field:

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

Alternately, you can type ^⌘U.

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

Renaming a URL Field:

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

Changing the position of a URL Field:

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

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

Changing the width of a URL Field:

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

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

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

Displaying a URL Field as a form:

Display as Form Explanation

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

Moving a URL Field Forward or Backward:

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

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

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

Centering a URL Field:

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

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

Deleting a URL Field:

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