---
title: Power BI Custom Visuals - Card Browser
description: The Card Browser Power BI Custom Visual allows you to display document data in visually appealing ways with images.
---

[Pragmatic Works Nerd News ](https://pragmaticworks.com/blog)

# [Power BI Custom Visuals - Card Browser](https://pragmaticworks.com/blog/power-bi-custom-visuals-card-browser)

 Written by [Devin Knight](https://pragmaticworks.com/blog/author/devin-knight) | Nov 16, 2017

In this module, you will learn how to use the Card Browser Custom Visual.  The Card Browser allows you to display document data in visually appealing ways with images.

### Module 77 – Card Browser

### Downloads

- Power BI Custom Visual – [Card Browser](https://pragmaticworksonline.sharepoint.com/:f:/s/FileShare/Ejn3BZIKy-NHk0DHsQUqT5QBx8WaO5HCyu0Qo7pWOzaWmw?e=1ce6ca)
- Dataset – [Pragmatic Works Employees.xlsx](https://pragmaticworksonline.sharepoint.com/:f:/s/FileShare/ErNHduujj7BCn_yZncYqODkB7Z-ltSsCsULdks9PAnBa6w?e=cfK7Gh)
- Completed Example – [Module 77 – Card Browser.pbix](https://pragmaticworksonline.sharepoint.com/:f:/s/FileShare/ErNHduujj7BCn_yZncYqODkB7Z-ltSsCsULdks9PAnBa6w?e=cfK7Gh)

Key Takeaways

- Browse documents with a double-sided card.
- Can render a headline image on each card.

<https://devinknightsql.files.wordpress.com/2017/11/image3.png>

*This Image Timeline shows Pragmatic Works' leadership team across a timeline.*

- Under the **Format** paintbrush, there are a few configurations that can be adjusted on this visual.
- In the **Cards **section, you may turn off drop shadow borders using the **Shadow** toggle. You can also control the formatting of any columns of Datetime type using Date Format, set the **Separator** to place between items in the Subtitle Fields, and toggle display of the **Title Image **at the bottom of the MetaData card view.

<https://devinknightsql.files.wordpress.com/2017/11/image4.png>

In the **Reader** section, you can configure the **Header Color** to set the background color for the Source as well as the background of the main image section.  You can also set the Expanded Height and Width of the inline reader.

<https://devinknightsql.files.wordpress.com/2017/11/image5.png>

Use **Flip State** to enable or disable the flipping feature, by toggling **Enable Flip**, and control the default Card Face, either Preview or MetaData.

<https://devinknightsql.files.wordpress.com/2017/11/image6.png>

**Load More Data** offers control over data import. Enable loading of more records to have Cards attempt to load at least the specified Limit of documents.

<https://devinknightsql.files.wordpress.com/2017/11/image7.png>

You can also adjust the background color, add a border around the visual and lock the aspect ratio under the Format section.

### Find Out More

You will always be able to find this video module and advanced viewing of future modules on the Pragmatic Works On-Demand Training platform or [view my previous blog posts](https://blog.pragmaticworks.com/topic/power-bi-custom-visuals).

[View full post](https://pragmaticworks.com/blog/power-bi-custom-visuals-card-browser)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Devin Knight"
  },
  "dateModified" : "2023-03-28T17:06:00.966Z",
  "datePublished" : "2017-11-16T13:00:00Z",
  "headline" : "Power BI Custom Visuals - Card Browser",
  "image" : {
    "@type" : "ImageObject",
    "height" : 200,
    "url" : "http://blog.pragmaticworks.com/hubfs/Banners/Power-BI-Banner.jpg",
    "width" : 600
  },
  "mainEntityOfPage" : "https://pragmaticworks.com/blog/power-bi-custom-visuals-card-browser",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60.0,
      "url" : "https://blog.pragmaticworks.com/hubfs/PW%20Logo-2.png",
      "width" : 217.56097
    },
    "name" : "Pragmatic Works Blog"
  }
}
```