Turn Any Card Visual Into an Interactive Flip Card in Power BI

Looking to save space and boost interactivity in your Power BI dashboards? Flip cards are a great way to display additional KPIs or contextual information without cluttering your layout. This guide shows you how to create flippable card visuals using only built-in Power BI functionality - no custom visuals or code required.
Dec 11 / datatraining
Getting Started with the New Card Visual

Make sure you're using the March 2025 version or later. You’ll need the updated Card (new) visual to follow this tutorial.

Step 1: Add the Card Visual

  1. Start by inserting a new Card visual from the visual pane.
  2. Resize and place it appropriately on your report page.
Step 2: Set Up the Data Context (e.g., Patient Info)

This tutorial uses patient data as an example. You can replace it with sales, product, or any entity-specific KPIs.

  1. Add a slicer to filter patient ID.
  2. Use the new Text Slicer (or any other slicer type).
  3. Bind it to the Patient ID field.
  4. Test by entering an ID (e.g., 11000), and verify the correct data shows in the card.
Step 3: Add an Image Dynamically

  1. In the Images section of the card formatting pane, enable the image.
  2. Select Field value and bind it to a measure returning a patient-specific image URL.
  3. Adjust placement to appear above or below the text.
  4. Set image size (e.g., 150px) and center it.
Step 4: Add Extra Patient Details Using Reference Labels

1. Under Reference labels, select the same data series.
2. Add measures like:
  • Patient ID
  • Gender
  • Blood Group
  • Category
3. Style your labels:
  • Change layout to “Tab” view.
  • Use custom padding (e.g., 70px on left/right).
  • Adjust font size, weight (e.g., Semi Bold), spacing (e.g., 20px between items).
Step 5: Make It Flippable

To enable flipping:
  1. Add a dummy measure (e.g., one that returns 1).
  2. Set the card’s overflow to Paginated.
  3. Now, you'll see arrows that let users flip between two pages - front and back.
Step 6: Design the "Back" of the Card

1. Switch to the second card (bound to the dummy measure).
2. Use reference labels again to show:
  • Admission date
  • Attending doctor
  • Days at hospital
  • Tentative discharge date
Step 7: Style the Front and Back Cards

To make your cards look professional:

Create Custom Backgrounds:
  • Design your card background in PowerPoint using shapes/icons.
  • Export as SVG for sharpness.
  • In Power BI, go to Cards > Background image, upload your SVG, and set:
  • Fit: Fit
  • Transparency: 100%

Clean Up:

  • Turn off borders
  • Hide dummy callout values using transparency
  • Adjust padding (e.g., 90px top, 40px sides)
  • Align slicer with card layout for better UX

Final Result

You now have a fully working flip card! You can:

  • Switch between front and back views using the arrow.
  • Dynamically update the card contents via the slicer.
  • Display minimal info up front, with extra detail hidden on the back.

Try It Out

Search a different patient ID like 11002 and see how the data updates instantly.

Hope you like it!

Give it a try and see how it works for you! I’d love to hear what you think or see how you use this trick in your own reports.

How to Power BI

Watch it here

Launch Power BI Reports
that bring your organization
to a fully data-driven world.

Power BI Launch
After years of consulting we have developed a holistic solution for launching Power BI Reports in 3 months. From key metrics discovery, to report design, implementation and stakeholders' training. We know precisely how to launch Power BI reports that drive organizations' growth.

Power BI Trainings

Our technical trainings for report developers instantly upskill your teams. Alongside our unique business user trainings the improvement in overall organizational data literacy becomes immediately actionable.

Take your Skills to the Next Level

Power BI Trainings

__________



ULTIMATE TEAM TRAINING

Tailored to Your Team’s Needs

__________

This training takes Power BI developers team from beginner/intermediate to advanced. End result? A team that can build reports from data import, transformation, through model, DAX calculations to out-of-the-box visuals. 


  for teams 

 For Teams Only
 Fully Customizable

 Flexible Timing

DATA ANALYST
PL-300

The Only Training You Need to Start

__________

Everything you need to build Power BI reports and gain real-world skills. Whether you're looking to improve reporting skills or advance career with passing PL 300, our training prepares you for success at every step.



  self-paced

 All you need to know
 Knowledge checks
 PL 300 Practice Exams 

 DESIGN TRANSFORMATION

Transform Your Mindset and Skills

__________


Master Power BI report creation process and design. This training is based on 28h of live sessions with Bas. It is designed for the experienced Power BI developers who want to take their skills to a new level.




  self-paced  or    live





 Become a Design Expert
 Live sessions    

 4 weeks

BUSINESS
USERS

Knowledgeable Users = Report Success

__________


This fun training helps every Power BI Report viewer feel motivated to use all functionalities that Power BI has to offer for better decision making and team interaction, fostering a truly data-driven culture across the organization.


  self-paced




 
Unique user training
 Self Paced
 Bult access for organizations