FSC Insurance Policy Details Component

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

• FlexCard: insPolicyItemsFscDetail_nds

• LWC: cfInsPolicyItemsFscDetail_nds

• Label: Insurance Policy Items FSC Detail Newport

This component is designed for desktop and mobile.

This component is styled with the Newport Design System.

Here's what the FSC Insurance Policy Details component looks like when it's rendered in the Policyholder site:

The parts of this component are:

1. Text label:

   My Vehicles

2. Details about the insured item displayed in a custom Lightning web component.

   Clicking the View more details link opens an extended view of the insured item details.

What Your Users Can Do on this Component

Policyholder site users can click the View more details link to see an expansive breakdown of the details relating to the insured item. Your users can also click on the drivers or insured items associated with the policy in this expanded view. This opens a window containing the record details.

Note

What to launch an OmniScript or web page? Set up an action by defining the attribute createNewAction in the Lightning web component properties.

FlexCard Structure

This card has two state elements:

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

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

This FlexCard contains:

• Text element that displays a label

• The insPolicyItems custom Lightning web component

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

This component uses the getPolicyDetails method for the InsurancePolicyService Apex remote class to bring information into the Lightning web component.

The Lightning web component displays this information to your Policyholder Experience user.

Customize this Component

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