Card Layout


Function: a!cardLayout()

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


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.


  • On Appian for Mobile Devices, the card layout contents are displayed, however the link, style, and tooltip configurations are not applied.


For an example of the card layout, create a new Interface object and select the Sales Dashboard template.

Open in Github

On This Page