How to Use Chiclet Slicer in Power BI

The standard slicer in Power BI gets the job done, but if you want to give your reports the feel of a custom web application, the Chiclet Slicer is for you. This custom visual transforms a plain list into a set of interactive, button-like tiles that make filtering data more intuitive and visually engaging. This guide will walk you through exactly what a Chiclet Slicer is, how to add it to your Power BI reports, and how to customize it to create a professional, user-friendly experience.

Graphed

Build AI Agents for Marketing

Build virtual employees that run your go to market. Connect your data sources, deploy autonomous agents, and grow your company.

Build Your First Agent

What is a Chiclet Slicer, and Why Should You Use It?

A Chiclet Slicer is a free, custom visual available from the AppSource marketplace for Power BI. In short, it replaces the default list or dropdown slicer with a grid of rectangular buttons (or "chiclets"). Think of it like a set of navigation buttons on a website. Instead of checking a box, users click a clean, defined tile to filter the report.

So, why go through the trouble of adding a custom visual? The benefits are all about the end-user experience:

• Better Visual Appeal: Let's be honest, standard slicers can be a little dull. Chiclets add a modern, polished look to your dashboard, making it feel less like a dense report and more like an interactive tool.
• Intuitive Interaction: Buttons are universally understood. Your users, especially those not familiar with Power BI, will immediately know how to click them. This reduces the learning curve and makes your report more approachable.
• Mobile-Friendly Design: The larger, tile-like buttons are much easier to tap on a touchscreen than the small checkboxes or list items in a standard slicer, making your report much more usable on mobile devices.
• Image Support: This is a game-changer. Chiclet Slicers can display images within each button, allowing you to create highly visual filters. Imagine filtering a product sales report by clicking on actual photos of the product categories.

Chiclets are ideal when you have a categorical field with a relatively small number of options, like sales regions, product lines, marketing channels, or years.

AI Agents for Marketing

Crash Course

Graphed

Free PDF · the crash course

AI Agents for Marketing Crash Course

Learn how to deploy AI marketing agents across your go-to-market — the best tools, prompts, and workflows to turn your data into autonomous execution without writing code.

Download the PDF

Step 1: How to Import the Chiclet Slicer into Power BI

Before you can use the Chiclet Slicer, you need to add it to your Power BI Desktop file from the AppSource marketplace. It's a quick, one-time process for each report you build.

1. Open your report in Power BI Desktop.
2. Look at the Visualizations pane on the right. Below the standard visuals, click the three dots icon (...) to access more options.
3. From the menu that appears, select Get more visuals.
4. This opens the Power BI Visuals marketplace (AppSource). Use the search bar at the top to search for "Chiclet Slicer".
5. Click the Add button next to the Chiclet Slicer visual in the search results. Once you do, Power BI will confirm that the visual has been successfully imported.

You'll now see the new Chiclet Slicer icon at the bottom of your Visualizations pane, ready to be used in your report.

Step 2: Adding and Configuring Your First Chiclet Slicer

With the visual imported, let's put it on your report canvas and connect it to some data. For this example, let's assume we have a table with sales data that includes a "Product Category" column.

1. Click the Chiclet Slicer icon in your Visualizations pane to add a blank slicer to your report canvas.
2. With the blank visual selected, go to your Fields pane. Find the table and the field you want to use for filtering. Drag that field into the Category well in the Visualizations pane. In our example, we would drag the "Product Category" field over.

Instantly, the visual will populate with chiclets - one for each unique value in your "Product Category" column (e.g., "Electronics," "Apparel," "Books").

That's it! Your slicer is now functional. Click on any chiclet, and you will see the other visuals on your report page filter to show data only for that selected category. To select multiple chiclets, hold down the Ctrl key while clicking. To clear all selections, you can often use the "Clear selections" button that Power BI adds or click a selected chiclet again if multi-select is not enabled.

Graphed

Build AI Agents for Marketing

Build virtual employees that run your go to market. Connect your data sources, deploy autonomous agents, and grow your company.

Build Your First Agent

Step 3: Customizing Your Chiclet Slicer

Now for the fun part: making your slicer look exactly how you want it to. A well-formatted slicer can elevate the entire report. Make sure your chiclet slicer is selected, then click on the Format your visual icon (the paintbrush) in the Visualizations pane.

Adjusting the Layout

The first set of useful settings is under the Chiclets section in the formatting pane. Here you control the grid structure.

• Orientation: You can set the chiclets to display either Horizontally or Vertically. Most people stick with horizontal as it feels most like a nav bar.
• Columns & Rows: You can explicitly define the number of columns and rows in your grid. For instance, if you have 6 categories, you could set it to 2 rows and 3 columns to keep it compact.

Customizing Colors and Appearance

This is where you match the slicer's style to your report's theme or your company's branding.

• Slicer Colors: In the 'Chiclets' formatting section, you'll find color options for different states:
• Text Formatting: You can change the font, text size, and text color to match your report's design system and ensure everything is readable. You can even change the text color for selected items to improve contrast.

By simply adjusting these colors, you can create a much clearer and more professional look that clearly communicates an item's status.

Adding Images to Your Chiclets

This is arguably the chiclet slicer's most powerful feature. If you have a column in your data table that contains publicly accessible image URLs, you can display those images directly in your chiclets. This is perfect for dashboards tracking products, employees, or social media platforms.

1. Make sure your data source includes a column with image URLs and that this column is categorized as an "Image URL" in Power BI's Data View (also known as Model View).
2. Select your chiclet slicer visual on the report canvas.
3. In the Fields pane, drag your image URL field into the Image well just below the 'Category' field you added earlier.

The images will appear automatically within each chiclet. Under the Images section of the formatting pane, you can further customize how they appear, such as adjusting the Image Split to control the ratio of image to text, or setting the image to fill the entire chiclet (choose 'Bottom' for Text Position and increase Image Split to 100%).

AI Agents for Marketing

Crash Course

Graphed

Free PDF · the crash course

AI Agents for Marketing Crash Course

Learn how to deploy AI marketing agents across your go-to-market — the best tools, prompts, and workflows to turn your data into autonomous execution without writing code.

Download the PDF

Best Practices for Effective Chiclet Slicers

To get the most out of this visual, keep a few best practices in mind:

• Keep it Simple: Chiclet slicers work best for fields with a limited number of distinct values (ideally under 10 or 12). For highly granular fields like "Customer Name" or "Zip Code," a standard list slicer with a search bar is a better choice.
• Watch Your Layout: Be mindful of how your slicer's grid will look on different screen sizes. A horizontal layout might look great on a desktop but become cumbersome on a narrow mobile screen. Test your design in Power BI's mobile layout view.
• Use Clean Images: If you use images, ensure they are high-quality, consistently formatted (e.g., all square or all wide), and load quickly. Inconsistent or slow-loading images will detract from the user experience.
• Provide Context: Remember to give your slicer a clear title so users know what they are filtering. Turn on the "Title" in the Format pane for this.
• Force a Selection: In the 'Selection' formatting options, you can enable Forced selection. This requires the user to always have at least one chiclet selected, preventing a "blank state" where no data appears in the report. This is great for an initial view where you want to show a default category's data.

Final Thoughts

The Chiclet Slicer is a fantastic tool for transforming your Power BI reports from static pages of charts into an interactive and intuitive experience for your audience. By replacing standard slicers with button-style tiles - especially ones enhanced with images and custom colors - you can significantly improve the report’s usability and visual polish.

While we're talking about making data interaction easier, mastering visuals like the Chiclet Slicer is definitely a great step forward. For those of you who manage data across multiple marketing and sales platforms, we built Graphed to cut out the busywork entirely. Instead of spending hours in Power BI connecting sources and building visuals from scratch, you can simply connect your accounts once and use natural language to ask for what you need. Graphed creates shareable, real-time dashboards in seconds, allowing you to get directly to the answers without the steep learning curve.