Loading
Feature Disruption - Service Cloud VoiceRead More
Feature degradation | Gmail Email delivery failureRead More
Insurance
Table of Contents
Filter by (0)Add
Select Filters

          No results
          No results
          Here are some search tips

          Check the spelling of your keywords.
          Use more general search terms.
          Select fewer filters to broaden your search.

            Search all of Salesforce Help
            Search all of Salesforce Help
            Insurance Billing Header Component

            You are here:

            1. Salesforce Help
            2. Docs
            3. Digital Insurance

            Insurance Billing Header Component

            The Insurance Billing Header component displays a Billing info label and the policyholder's name for your Policyholder site users.

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

            • FlexCard: insHeaderBillingInfo_nds

            • LWC: cfInsHeaderBillingInfo_nds

            • Label: Insurance Header Billing Info Newport

            This component is designed for desktop. Looking for the Billing Header component designed for mobile? Read Mobile Insurance Billing Header Component.

            This component is styled with the Newport Design System.

            Here's what the Insurance Billing Header component looks like when it's rendered in the Policyholder site:

            Illustrates how the component renders in the UI.

            The parts of this component are:

            1. A link that returns the user to the Home page

            2. Text label

              Text: Billing Info

            3. Policyholder's name

            4. Background image

            FlexCard Structure

            Illustrates the FlexCard structure.

            This FlexCard has two state elements:

            1. Active (labeled Home): the state that displays when records exist

              Note
              Note

              You can update the background image in the style panel for the active state.

              The Background Image input is a relative path to reference the image in the InsNewportPortalImages static resource. You can change this image path to any accessible image.

            2. Open: the state that displays when no records exist

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

            This FlexCard contains lots of elements, including:

            • Text elements that display the label we typed in

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

            • Action element with a link to return the user to the Home page

            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 Billing Header component calls the InsExtractAccountDetails Omnistudio Data Mapper.

            This Data Mapper extracts information from the user's account. Fields in the FlexCard reflect the information gathered by the Data Mapper.

            Customize this Component

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

             
            Loading
            Salesforce Help | Article