---
title: Power BI Custom Visuals - Chiclet Slicer
description: In this blog, Devin shows how the Chiclet Slicer Power BI Custom Visual.
---

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

# [Power BI Custom Visuals - Chiclet Slicer](https://pragmaticworks.com/blog/power-bi-custom-visuals-chiclet-slicer)

 Written by [Devin Knight](https://pragmaticworks.com/blog/author/devin-knight) | Oct 06, 2016

In this module, you will learn how to use the Chiclet Slicer Power BI Custom Visual.  The Chiclet Slicer is similar to a Slicer filter natively available in Power BI but has a lot more flexibility and includes the ability to use images instead of text as filters.

### Module 19 – Chiclet Slicer

### Downloads

- Power BI Custom Visual – [Chiclet Slicer](https://pragmaticworksonline.sharepoint.com/:f:/s/FileShare/Ejn3BZIKy-NHk0DHsQUqT5QBx8WaO5HCyu0Qo7pWOzaWmw?e=VWx8VR)
- Dataset – [Social Media Users.xlsx](https://pragmaticworksonline.sharepoint.com/:f:/s/FileShare/EnlAD50-tjtAsVwz8q8qZRABj-v810lM3GzTWXphv-ZNkQ?e=NhphOW)
- Completed Example – [Module 19 – Chiclet Slicer.pbix](https://pragmaticworksonline.sharepoint.com/:f:/s/FileShare/EnlAD50-tjtAsVwz8q8qZRABj-v810lM3GzTWXphv-ZNkQ?e=NhphOW)

### Key Takeaways

- Allows for a slicer buttons instead of a list like the native Slicer
- Values can be arranged vertically or horizontally
- Filters can be based on text or images

<https://devinknightsql.files.wordpress.com/2016/10/image.png>

*This Chiclet Slicer shows social media images used as a selectable filter.*

- Under the **Format** paintbrush there are quite a few customizations that can be made to the appearance of the Chiclet Slicer.
- First under the **General** section of the Chiclet Slicer you will find properties to adjust the orientation and position of the visual. 
    - You may also choose to change how the Chiclet Slicer behaves when there is not correlation between values using the **Show Disabled**property. 
          - **Inplace** means it will turn grey the values that have no correlation
          - **Hide** means it will remove values with no correlation
          - **Bottom** means is will just re-sort values with no correlation.

<https://devinknightsql.files.wordpress.com/2016/10/image1.png>

- You may find some need to adjust the **Header** section. In our demo we have turned this section off but if you decide to keep it you will be able to adjust a few appears properties to the header. These properties are pretty self-explanatory so I won’t go into any depth on these.

<https://devinknightsql.files.wordpress.com/2016/10/image2.png>

- Under the **Chiclets **section there are may properties that you can manipulate. Let’s review a few: 
    - Modifying **Text Size** allows you to increase the text shown in each filter area.
    - Changing **Height** and **Width** allows you to adjust the size of the filter buttons.
    - Changing **Background** allows you to change the color shown behind the Chiclets.
    - **Selected Color**, **Hover Color**, **Unselected Color** and **Disabled Color**all allow you to change what the interaction experience is like for users. As users interact with the Chiclet the color of the filters change.
    - Using **Outline Color** and **Outline Weight** allows you to modify the border around each Chiclet.
    - Changing the **Padding** will allow you to modify the space between each Chiclet.
    - Modifying the **Outline Style** simply allows you to adjust how the corners of each Chiclet appear.

<https://devinknightsql.files.wordpress.com/2016/10/image3.png>

- Under the **Images** section you several properties that allow you to manipulate how the image in your Chiclet Slicer is displayed 
    - The **Image Split** property allows you to adjust the percentage of the space that the image takes up in its space. So if you set this to 100 then the image would take 100% of the space it is provided.
    - Using **Stretch image** allow you to stretch the image across the width of the surface area it is provided.
    - Turning on **Bottom image** allows you to flip the image and text around so that the text is on top of the image.

<https://devinknightsql.files.wordpress.com/2016/10/image4.png>

- In addition to these properties you have a set of settings that appears on every visual to adjust the background color, add a border around the visual and lock the aspect ratio.

### 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-chiclet-slicer)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Devin Knight"
  },
  "dateModified" : "2023-03-28T14:01:15.258Z",
  "datePublished" : "2016-10-06T17:52:03Z",
  "headline" : "Power BI Custom Visuals - Chiclet Slicer",
  "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-chiclet-slicer",
  "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"
  }
}
```