FinancialForce Highlights Component Overview

The FF Highlights component enables you to add multiple highlight cards in a single component that you can add to an object's FinancialForce Lightning record page. This gives summary information about the record that is grouped and easy to scan.

You can:

• Add and configure supported highlight card components when you create a highlights panel. All highlight cards are supported.
• Create multiple configurations, which you can select when adding the component to the record page.

Note: We recommend that you add up to a maximum of 16 cards. You can add more, but this decreases the value of the panel's content.

On a record page, the layout of the cards is responsive to the screen size used. The following table shows the card layout for different screen sizes and different region sizes. There is one card in each column.

	Large Region	Medium Region	Small Region
Desktop (Large screen)	Maximum 5 columns x "n" rows	Maximum 3 columns x "n" rows	1 column x "n" rows
Tablet (Medium screen)	Maximum 3 columns x "n" rows	Maximum 2 columns x "n" rows	1 column x "n" rows
Phone (Small screen)	1 column x "n" rows	1 column x "n" rows	1 column x "n" rows

The number of rows "n" is determined by how the cards are arranged to reduce the empty space in the layout.

The following example shows the card layouts for 1 to 13 cards in a large region on a large screen, where "x" represents a card.

1 Card	2 Cards	3 Cards	4 Cards	5 Cards	6 Cards	7 Cards	8 Cards	9 Cards	10 Cards	11 Cards	12 Cards	13 Cards
x	xx	xxx	xxxx	xxxxx	xxx xxx	xxxx xxx	xxxx xxxx	xxxxx xxxx	xxxxx xxxxx	xxxx xxxx xxx	xxxx xxxx xxxx	xxxxx xxxxx xx