Box Layout

Boxes

Function: a!boxLayout()

Displays any arrangement of layouts and components within a box on an interface.

Parameters

Name Keyword Type Description
Label label Text Text to display as the box's title.
Contents contents List of Any Type Components and layouts to display within the box.
Style style Text Determines the color of the label and box outline. Valid values: Any valid hex color or "STANDARD" (default), "ACCENT", "SUCCESS", "INFO", "WARN", "ERROR".
Visibility showWhen Boolean Determines whether the layout is displayed on the interface. When set to false, the layout is hidden and is not evaluated. Default: true.
Margin Below marginBelow Text Determines how much space is added below the layout. Valid values: “NONE” (default), “STANDARD”.

Example

Copy and paste an example into the INTERFACE DEFINITION in EXPRESSION MODE to see it displayed.

Box Layout with Success Style

1
2
3
4
5
6
7
8
9
10
11
12

= a!boxLayout(
  label: "Success! Your order was successfully processed",
  style: "SUCCESS",
  marginBelow: "STANDARD",
  contents: {
    a!textField(
      labelPosition: "COLLAPSED",
      value: "Your credit card has been charged.",
      readOnly: true
    )
  }
)

Displays the following:

Box Layout with Custom Style

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

= a!boxLayout(
    label: "Enrolled Students",
    style: "#98002E",
    marginBelow: "STANDARD",
    contents: {
      a!richTextDisplayField(
        labelPosition: "COLLAPSED",
        value: a!richTextBulletedList(
          items: {
            "Elizabeth Ward",
            "Fatima Cooper",
            "Jaylen Smith",
            "Michael Johnson",
            "Jade Rao",
          }
        )
      )
    }
  )

Displays the following:

Open in Github

On This Page

FEEDBACK