The “Text Button” 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 switch to another screen, send a form or display a dialog.
Of course, you can also configure the appearance of the button.
To show the properties of the Button, 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 label is located. You can also edit the name by double-clicking on the Text Button 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 Text Button. 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 Text Button on the work space.
The checkbox “Enabled” is activated by default. If you deactivate this checkbox, the action you specified under “Behavior” will not be executed when you tap.
In this area you define what should happen when the user of your app taps the button.
Here you define the type of action to be executed. You can choose between the following action types:
(No Action) (default)
If you select this option, the screen you defined will be displayed when you tap on the button. You can choose between different transitions for the transition from the current screen to the target screen:
- None (default)
- Push from Bottom
You can also define here whether data should be transferred to the next screen. If you activate this checkbox, a list of available data sources (e.g. RSS 2.0 Feed, Atom Feed, JSON container etc.) is displayed below. You can select one entry from this list.
The corresponding data is passed to the next screen and is available there in the list of elements as “Context-sensitive data”.
You select this option if, for example, you want to give the user of your app the possibility to return to the overview from a detail page. In this case it is a good idea to position the button in the upper left corner of the navigation bar.
However, this option has no effect/function if the user has changed the screens via the Tab Bar.
Perform Object Action
If you select this option, a list of the Object Actions (located in the “Miscellaneous” area) of the current screen is displayed. You can select one entry from this list.
Here you define the color of the text of your Text Button.
Here you define the background color of your Text Button.
Here you define the alignment of the text of your Text Button. 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 Text Button 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 Text Button 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.