Hyperlink
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.
Properties
To show the properties of the Hyperlink, click the Properties tab (the slider icon) in the upper right sidebar.
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.
- Open URL in Safari (default)
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
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
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.
Data Links
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.