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:
On This Page