A company is designing a new console for contact center agentsto display case data for customers. All cases will be fetched using a single DataRaptor. This page needs to display cases as follows:
* "Open" cases with case description, case open date, case type, assigned to and priority fields. Open cases should be highlighted with a red border.
* "Awaiting Closure" cases with case description, last action taken date, resolution, approval reason for closure, and assigned to fields. These cases should be highlighted with a grey border.
* "Closed" cases with case description, resolution, case closed date fields with a link to duplicate cases.
How should the consultant design the FlexCard solution to meet these requirements?
A. Using three FlexCards
B. Using a single FlexCard with three states
C. Using a single FlexCard with multiple card filters
D. Using a single FlexCard with three flyouts
C. Using a single FlexCard with multiple card filters
Explanation:
In this use case, the consultant needs to display case data differently based on case status — "Open", "Awaiting Closure", and "Closed" — and apply unique layouts and styling for each type. This makes FlexCard States the best-fit solution.
Why a Single FlexCard with Three States Is Ideal:
States in FlexCards allow you to:
Define different layouts and fields for different data conditions (e.g., Case Status).
Apply unique styling like red or grey borders based on the case state.
Use conditional logic to render the correct state dynamically based on incoming data (from the DataRaptor).
In this case:
State 1: "Open" case layout with red border
State 2: "Awaiting Closure" layout with grey border
State 3: "Closed" layout with link to duplicate cases