Card Layout

Card

Function: a!cardLayout()

Displays any arrangement of layouts and components within a card on an interface. Can be styled or linked.

Parameters

Name Keyword Type Description
Contents contents List of Any Type Components and layouts to display within the card.
Style style Text Determines the card background color. Valid values: Any valid hex color or "NONE", "STANDARD", "ACCENT", "SUCCESS", "INFO", "WARN", "ERROR".
Link link Link Link to apply to the text. Create a link with
  • a!documentDownloadLink()
  • a!dynamicLink()
  • a!newsEntryLink()
  • a!processTaskLink()
  • a!recordLink()
  • a!reportLink()
  • a!safeLink()
  • a!startProcessLink()
  • a!submitLink()
  • a!userRecordLink()
  • a!authorizationLink()
Height height Text Determines the card height. Valid values: "SHORT", "MEDIUM", "TALL", "AUTO" (default).
Tooltip tooltip Text Text to display on mouseover.
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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
= a!cardLayout(
  style: "STANDARD",
  height: "AUTO",
  marginbelow: "STANDARD",
  contents: a!richTextDisplayField(
    value: {
      a!richTextIcon(
        icon: "calendar",
        color: "ACCENT",
        size: "LARGE"
      ),
      char(10),
      a!richTextItem(
        text: {
          "Time"
        },
        size: "LARGE"
      ),
      char(10),
      a!richTextItem(
        text: {"Timesheets, PTO"},
        style: "EMPHASIS"
      )
    },
    align: "CENTER"
  )
)

Displays the following:

FEEDBACK