The “Rectangle” element is mainly used for the graphic design of your screen.


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


appdoo - Elements - Rectangle (Rectangle)

  • 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 Rectangle is located. You can also edit the name by double-clicking on the Rectangle in the outline. We recommend that you assign unique names when working with Layout Constraints and Data Links.

  • Fill Color
    Here you define the fill color of your rectangle.

  • Border Color
    Here you define the border color of your rectangle. This value is only used if the border width is greater than 0.

  • Border Width
    Here you define the border width of your rectangle.

  • Corner Radius
    Here you define the corner radius of your rectangle.


appdoo - Elements - Rectangle (Advanced)

  • Hidden
    If you activate this checkbox, your Rectangle will still be present on your work space, but will not be displayed in the app. This can be useful, for example, if you only want to display the Rectangle 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.

appdoo - Elements - Rectangle - Geometry

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

  • Hidden

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

appdoo - Elements - Rectangle - Data Links