Power BI - How to Format a Card?

A Card visual in Power BI is used to highlight a single important value that responds dynamically to filters and slicers. Proper formatting of a Card helps improve readability, visual appeal and ensures that key metrics stand out clearly in a report.

Formatting a Card in Power BI

Formatting a Card in Power BI means customising its appearance and layout to make key metrics more readable and visually appealing. This includes changing the title, font size, colour, background, border and callout value as well as adjusting alignment and adding tooltips.

You can download dataset from here

How to add a Card visual

1. From the Visualisations pane, select the Card icon.

2. Drag a relevant sales measure into the Fields section.

3. The Card now displays the selected value and can be formatted further.

Card Visual Formatting in Power BI

Visual formatting in Power BI allows you to customize the main elements of a Card to make the displayed value and its label more readable and visually appealing.

Formatting Callout Value in Power BI

The Callout Value is the main number or metric displayed on a Card visual in Power BI. Formatting the callout value properly ensures that the key metric stands out clearly and is easy to read.

• Select the Card Visual: Click on the Card you want to format so that the formatting options for that visual become active.
• Click on the Values Field: In the Visualizations pane, select the Values field this represents the metric displayed on the Card.

• Open Callout Value Options: In the formatting pane, click Callout Value to reveal options for customizing the main number on the Card.
• Customize Font and Size: Choose a font style and adjust the size to make the metric more readable and visually prominent.

• Change Color: Use the color option to change the number color.

• Set Display Units: Choose units like None, Thousands, Millions or Billions to present large numbers in a concise readable format.

Formatting Category Label in Power BI

The Category Label appears below the main number on a Card such as “Sum of Projects Completed” and helps describe the metric clearly.

• Click on Callout Label: Select the Card visual and click on Callout Label in the formatting pane to access customization options.

• Format Font and Size: Choose a suitable font style and adjust the size to make the label readable and consistent with your report design.

• Change Color: Use the Color option to set a custom color for the label

Formatting the Title in Power BI

The Title adds a heading to your Card visual making it easier to understand the metric being displayed. Proper title formatting improves clarity and visual appeal.

1. Enable and Select the Title: Select the Card visual and go to the Format pane under the Visual section. Toggle the Title slider to enable the title for your Card.
2. Add and Format the Text: In the Text field, type the desired title. You can also adjust the font type, size and alignment to match your report’s design.
3. Change Title Color: Use the Text color option to set a custom color for the title.

Header icons

Header icons are interactive options displayed at the top of a Card visual, allowing quick access to additional features and customization.

1. Apply filters directly to the Card based on the selected data.
2. Access extra settings such as sorting or exporting the visual.
3. Change the background, border and icon colors through the Header Icons option to match your report’s style.

Tooltips

Tooltips allow you to display additional information when you hover over a Card visual in Power BI. For example, you can show the Sum of Projects Completed when hovering over the Card, providing context without cluttering the visual.

1. Click on the Tooltips option in the formatting pane to enable this feature.
2. Customize the text to display the information you want on hover.
3. Adjust the background color to match your report’s design and improve readability.

Alt Text

Alt Text is a property available in every Power BI visual that improves accessibility for users with visual impairments. Unlike tooltips it is not displayed when hovering over the visual instead, it is read aloud by screen readers or a system narrator.

1. Click on the Alt Text option in the formatting pane.
2. Enter a descriptive text that explains the purpose or content of the Card.
3. When a narrator or screen reader is active, this text will be spoken to help visually impaired users understand the visual.

Adding an Image to a Card

You can enhance your Card visual by adding an image which can help highlight the metric or make your report more visually appealing. Power BI allows you to insert an image directly through the formatting options.

1. Select the Card visual that you want to enhance.
2. In the Format pane, click on the Image option under the visual settings.
3. Upload the desired image from your computer or select one from available sources.
4. Adjust the size, alignment, and position of the image to fit your Card layout.