Insurance Recent Activity Child Component

This component is composed of a FlexCard and the LWC compiled from the FlexCard:

• FlexCard: insRecentActivityChild_nds

• LWC: cfInsRecentActivityChild_nds

• Label: Insurance Recent Activity Container Newport

This component is designed for desktop. Looking for the Insurance Recent Activity Child component designed for mobile? Read Mobile Insurance Recent Activity Child Component.

This component is styled with the Newport Design System.

Here's what the Insurance Recent Activity Child component looks like when it's rendered in the Policyholder site:

The parts of this component are:

1. The date the activity occurred.

2. The title and status of the activity.

3. A link to the activity record.

FlexCard Structure

This FlexCard has two state elements:

1. Active: the state that displays when records are available

2. Open: the state that displays when there are no records available

This FlexCard contains lots of elements, including:

• Field elements with output selected from available fields returned from the data source

• Action element that links the user to the activity record

To learn more about how to work with FlexCard states, read FlexCard States .

You can add, remove, and change any of these elements based on what you want your users to see. To learn how see Add Elements to a FlexCard. Other good topics to read to learn about how this FlexCard works include FlexCards Display Elements Reference, FlexCards Menu Properties, and FlexCards Action Properties.

Many of the elements of this card contain Custom CSS styles. You can make changes to these styles to create a different look and feel. To learn how to work with Custom CSS in FlexCards, see Apply Custom CSS to a FlexCard Element .

Data Source Called by this Component

The Recent Activity Child component gathers data with the InsAccount_GetStories Integration Procedure.

This Integration Procedure pulls information from the account record. Fields in the FlexCard reflect the information gathered by the Integration Procedure.

Customize this Component

To learn about how to customize this kind of component, see the Digital Experience Site Component Customization Overview