You are here:
Insurance Policy Claims Child Component
Use the Insurance Policy Claims Child component to show your Policyholder site users a snapshot of their open claims on a policy and link them to additional information about the claim. It's a child component that sits inside of the Insurance Policy Claims container component.
-
FlexCard: insPolicyClaimsChild_nds
-
LWC: cfInsPolicyClaimsChild_nds
-
Label: Insurance Policy Claims Child Newport
Here's what the Insurance Policy Claims Child component looks like when it's rendered in the Policyholder site:
-
An icon to denote the type of claim
-
The claim name
Users can click the name to go to the claim details record.
-
The date the loss was reported
-
The claim amount
-
The claim status
What Your Users Can Do on this Component
Policyholder site users can click the name of the claim to go to the claim details page.
FlexCard Structure
This FlexCard has two state elements:
-
Active: the state that displays when records are available
-
Open: the state that displays when there are no records available
To learn more about how to work with FlexCard states, read FlexCard States .
This FlexCard contains lots of elements, including:
-
Icon elements that have conditions to determine which icon is shown based on the type of claim
-
Text elements that display labels we typed in
-
Text elements that have conditions set to hide and show the elements in the FlexCard based on information from the data source
-
Text elements that hold links to other pages in the Policyholder site
-
Field elements whose Output is selected from available fields returned from the data source.
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 .

