LWC Card and Layout Templates (Managed Package)

For the managed package runtime, apply card and layout templates to a Vlocity LWC enabled card to control the information and actions available to a user.

Managed Package app icon This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.

LWC Card Layout Templates

LWC layout templates are containers for card templates and control how the cards display.

See Vlocity Layouts (Managed Package).

In the Layout pane of a Vlocity Card, ensure the Type is set to Layout.

Enter a layout name in the Layout LWC field.

Card Layout Template	Description	Card Layout Preview	Compatible Card Templates
CardCanvas1x LWC Layout Template (Managed Package)	Displays a one-column container.		Any
CardCanvasLayout LWC Layout Template (Managed Package)	Displays a one-column container with a header that includes a search box and room for an optional title before the search box.		Any

LWC Card Templates

LWC card templates control how card information displays on a card.

In the Cards pane of a Vlocity Card, ensure your card is not active.

In the States pane of a Vlocity Card, enter a card template name in the State LWC field.

Card Template	Description	Compatible Card Layout Templates
actionGridState	Displays a vertical list of actions as icons followed by labels, and an optional title at the top.	Any
cardActiveState	Displays a card with an image and title in a header, and a two-column body with a list of fields in the first column and a list of actions in the second column. Has flyout functionality.	Any
cardMiniActive	Displays a two-column card with an image or icon in the first column, and data and actions in the second column. Has max-height and truncates descriptive text at 2 lines.	Any
cardOpenState	Displays a card as a centered image and text block that links to the first action. Remaining actions display in an inline grid beneath the image and text block. Has flyout functionality.	Any
wideCard	Displays a wide layout with an image, a list of actions, the status of the card state, and a list of fields as an inline grid. Has flyout functionality.	Any
wideCardSlim	Displays a wide layout with an image, a list of actions, the status of the card state, and a list of fields as an inline grid.	Any
wideCardSmart	Displays a wide layout with an image, the status of the card state, a list of fields as an inline grid, and displays a list of Smart Actions. Has flyout functionality. See Configure Smart Actions on an LWC Card (Managed Package).	Any