The “Hyperlink” element provides a way for the user to interact with the app. When the user taps on the button, an action can be executed. For example, you can open a URL in Safari, create a new email, or call a specific phone number.

Of course, you can also configure the appearance of the Hyperlink.

appdoo - Elements - Hyperlink

Properties

To show the properties of the Hyperlink, click the Properties tab (the slider icon) in the upper right sidebar.

appdoo - Elements - Hyperlink (Hyperlink)

  • Name
    Here you give the element a name. This name is only used within appdoo. For example, you can quickly see in the outline where each Hyperlink is located. You can also edit the name by double-clicking on the Hyperlink in the outline. We recommend that you assign unique names when working with Layout Constraints and Data Links.

  • Text
    Here you define the text of the Hyperlink. No matter how much text you enter here, it is always displayed as a single line. Text that would exceed the available width will be truncated. This is marked with “…”. You can also edit the text by double-clicking on the Hyperlink on the work space.

  • Action
    Here you define the type of action to be executed. You can choose between the following action types:

    • Open URL in Safari (default)
      If you select this option, you can specify a URL that opens in Safari when you tap the hyperlink.
    • Search Location on the Map
      If you select this option, you can define an address to be displayed in the Map App on the iOS device. To test the result in first you can click on the “Test” button below the input field after entering the address. This will display the specified address in the Map App on your Mac.
    • New Mail
      If you select this option, a dialog for creating a new e-mail opens when you tap on the hyperlink. You can define the following values:
      • To
      • Subject
      • Text
    • Call Phone Number
      If you select this option, you can specify a phone number that will be called when you tap the hyperlink.

Format

appdoo - Elements - Hyperlink (Format)

  • Color
    Here you define the color of the text of your Hyperlink.

  • pressed
    Here you define the text color of the Hyperlink when it is currently being pressed.

  • disabled
    Here you define the text color of the Hyperlink if it is disabled. You can use the “Enabled” field in the “Data Links” area to specify whether the Hyperlink should be enabled or disabled. This can be useful, for example, if you only want to enabled/disabled the Hyperlink under certain circumstances.

  • Background Color
    Here you define the background color of your Hyperlink.

  • Alignment
    Here you define the alignment of the text of your Hyperlink. Choose between left-aligned, right-aligned and centered.

Font

appdoo - Elements - Hyperlink (Font)

In this area you have the possibility to set the font, the font weight and the font size. If you select the “System” option for the font, the system font specified by iOS will be used for the display. This font may differ between different versions of iOS.

Advanced

appdoo - Elements - Hyperlink is Hidden

If you activate the “Hidden” checkbox, your Hyperlink will still be present on your work space, but will not be displayed. This can be useful, for example, if you only want to display the Hyperlink under certain circumstances. You can control this via the “Hidden” field in the “Data Links” area.

Geometry

All information about this area can be found on the separate Geometry page.

appdoo - Elements - Hyperlink - Geometry

The following properties of the element can be set using the data links:

  • URL
  • Text
  • Enabled
  • Hidden

All information about this area can be found on the separate Data Links page.

appdoo - Elements - Hyperlink - data Links