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.
To show the properties of the Hyperlink, click the Properties tab (the slider icon) in the upper right sidebar.
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.
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.
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:
- Call Phone Number
If you select this option, you can specify a phone number that will be called when you tap the hyperlink.
- Open URL in Safari (default)
Here you define the color of the text of your Hyperlink.
Here you define the text color of the Hyperlink when it is currently being pressed.
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.
Here you define the background color of your Hyperlink.
Here you define the alignment of the text of your Hyperlink. Choose between left-aligned, right-aligned and centered.
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.
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.
All information about this area can be found on the separate Geometry page.
The following properties of the element can be set using the data links:
All information about this area can be found on the separate Data Links page.