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: "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.

Notes

  • On Appian for Mobile Devices, the box label and contents are displayed, however there is no outline around the contents and the style configuration is not applied.

Example

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

Success Styled Box Layout

1
2
3
4
5
6
7
8
9
10
11
= a!boxLayout(
  label: "Success! Your order was successfully processed",
  style: "SUCCESS",
  contents: {
    a!textField(
      labelPosition: "COLLAPSED",
      value: "Your credit card has been charged.",
      readOnly: true
    )
  }
)

Displays the following:

Error Styled Box Layout

1
2
3
4
5
6
7
8
9
10
11
= a!boxLayout(
  label: "Sorry! There was a problem with your order",
  style: "ERROR",
  contents: {
    a!textField(
      labelPosition: "COLLAPSED",
      value: "Your credit card could not be charged.",
      readOnly: true
    )
  }
)

Displays the following:

FEEDBACK