Label

The “Label” element allows you to display single-line or multi-line text on your work space. You can define different properties such as color, font, alignment, etc. To edit the text of the label, double-click inside the label.

appdoo - Elements - Label

Properties

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

When designing your text, please also note Apple’s “iOS Typography Guidelines”.

Label

appdoo - Elements - Label (Label)

  • 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 label in the outline. We recommend that you assign unique names when working with Layout Constraints and Data Links.

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

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

  • Text Height
    Here you define whether the text is single-line or multi-line. If you select the value “single-line” here, a long text is not wrapped. If you don’t know exactly how long the text of the label will be, select the option “auto”.

Font

appdoo - Elements - Label (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.

Shadow

appdoo - Elements - Label (Shadow)

In this area you can add a shadow to the text of your label. You can define the color and the offset (x, y).

Advanced

appdoo - Elements - Label (Advanced)

In this area you can define the background color and the highlighted color for your label. You can also specify the opacity with which the label should be displayed.

appdoo - Elements - Label in List View

The highlighted color is used as the text color if its label is inside a cell of the List View element and is tapped onto it. If the cell is released again, this is undone.


appdoo - Elements - Label is Hidden

If you activate the “Hidden” checkbox, your label 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 label under certain circumstances. You can control this via the “Hidden” field in the “Data Links” area.


If you want to give the user of your finished app the possibility to tap on the label, just click on the button “Create Button” and appdoo will automatically create a button from your label.

Geometry

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

appdoo - Elements - Label - Geometry

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

  • Text
  • Hidden

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

appdoo - Elements - Label - Data Links