Text Button

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.

appdoo - Text Button

Properties

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

Text Button

appdoo - Elements - Text Button (Text Button)

  • 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 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.

  • Text
    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.

  • Enabled
    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.

Behavior

appdoo - Elements - Text Button (Behavior)

In this area you define what should happen when the user of your app taps the button.

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

    • (No Action) (default)

    • Show Screen
      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
      • Flip
      • Crossfade

      • Transfer Data
        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”.

    • Go Back
      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.

Format

appdoo - Elements - Text Button (Format)

  • Color
    Here you define the color of the text of your Text Button.

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

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

Font

appdoo - Elements - Text Button (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 - Text Button is Hidden

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.

Geometry

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

appdoo - Elements - Text Button - Geometry

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

  • Text
  • Enabled
  • Hidden

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

appdoo - Elements - Text Button - Data Links