Create a Power BI Slicer Panel ✅ - Excelerator BI

Create a Power BI Slicer Panel

There is nothing worse than having a Power BI report that has 50% of the space taken up with slicers.  When this happens, you only get half the page to visualise the actual data.  But on the flip side, if you don’t have the slicers it can be harder for the report users to filter the data they want to see.  Many users don’t like using the built in filter pane on the right hand side.  All is not lost – there is a great way that you can have the best of both worlds by creating a collapsible Power BI slicer panel that you can show and hide on demand.

Now I didn’t invent this concept – I learnt it from looking at what others have done, such as Amanda Cofsky, Miguel Myers, Mike and Seth from http://powerbi.tips and also Adam and Patrick from GuyInACube.  There are lots of great resources out there to learn tricks like this, so you should check those out.

You can see one simple interpretation of this solution below. The user can hide and collapse the slicer panel by using the arrow keys (#1 and #2 below).

Creating a Power BI Slicer Panel

There are many ways to create a Slicer Panel to have the look and feel you want. In this article I will show you a basic version  without too much bling, just to cover the concept, but you can use your imagination to extend the concepts further as you prefer. I am using an Adventure Works database with a simply report for the illustrations.

Step 1: Create a Placeholder for Your Slicers

Place a text box as shown below. I used a text box rather than a square shape as I had more granular control over the border size and colour than the shape object.  I turned on the border for the text box and also added a shadow  effect.  To add a shadow, I duplicated the text box, offset the new text box to the right and below, turned off the border, positioned the new text box behind the original and set the colour to grey and the transparency to 80%.  I got this tip from Reid Havens.

Once I had the expanded slicer pane configured, I added the slicers and resized them to fit in the pane. I have placed slicers for Products[Category] and Calendar[Year].  Of course there is a lot more room and in reality you could add a lot more slicers to the pane.

You may have to reorder the visuals so that the text box and the slicers are all visible. You can reorder the list of visuals by navigating to the view menu (#1 below) and turning on the selection pane (#2).  In the selection pane itself (#3) you can move the visual objects up and down the list using drag and drop to to control which object sits on top of which other objects.

Step 2: Add a Navigation Button to Hide Slicer Panel

Add a left arrow button by selecting buttons (#1 below), left arrow (#2).  Position and size it (#3) and put it on top in selection pane (#4) by dragging it to the top of the list on the right.

Step 3: Add a Navigation Button to Show Slicer Pane

Before moving on to the next step, I needed to first hide the objects that make up the new slicer pane (the text box, slicers and left arrow button) from view in the selection pane (#1 below).  To do this, I just clicked on the eyeball next to each item that needed to be hidden.

Now that the slicer pane is not visible, I added a right arrow button and positioned and sized it as shown below. I turned on the border for the right arrow button as you can see in #2 below.

Step 4: Add Bookmarks

The next step is to add bookmarks that enable you to toggle between the views. Click on the bookmarks pane (#1 below) under the view tab.

First I configured the bookmark with the slicers pane hidden in the selection pane (#2 below).  I added a bookmark (#3 below) and renamed it as “Slicers Hidden” (#4 below). By default, bookmarks will save the slicer filters as a part of the bookmark.  This is not what is required in this case – I don’t want the bookmark to return the slicer filters back to where they were when the bookmark was created – instead I want the bookmark to ignore the slicer filter settings all together.  To fix this, I unchecked the Data option (#5 below) from the bookmark options (ellipsis…) and then clicked on Update (#6 below).

Next I had to set up the view that has the slicers visible in the selection pane (#1 below).  To do this I toggled the visibility of the items to show the ones needed.  I added a bookmark (#2 below) and renamed it as “Slicers Visible” (#3 below). Then as before, I unchecked Data (#4 below) under bookmark options for this bookmark, then I clicked on Update (#5 below).

You can test the bookmarks by clicking on them in the bookmarks pane on the right. If you click on “Slicers Visible” the slicers will be displayed and if you click on “Slicers Hidden” the slicers will not be visible.

Step 5: Assign Bookmarks to the Buttons

This is the last step. You need to assign the two bookmarks to the right arrow and left arrow buttons added.

Select the right arrow button (#1 below), turn action on (#2 below), select type (#3 below) as bookmark and select bookmark (#4 below) as slicers visible.

Next select the left arrow button (#1 below), turn action on (#2 below), select type (#3 below) as bookmark and select bookmark (#4 below) as slicers hidden.

With these changes, the slicer panel is ready and you can test it using the arrow buttons. Remember that you need to use Ctrl+click to use the new buttons when using Power BI Desktop. After publishing to powerbi.com you can simply click the buttons without holding Ctrl.

You can view the Slicer Pane deployed in a real world scenario here.

Watch the Video

Here is the YouTube video where I have shown how to create a Slicer Panel in Power BI. If you want to learn more about creating Power BI reports learn more in our Power BI Online Course.

61 thoughts on “Create a Power BI Slicer Panel”

  1. Is it possible to create Tamplate for that behaviour and duplicate page for another visualization. Does Power BI has Page context for UI elements – like Me. in Access, This., Self. etc?

  2. I was able to create this to hide my slicer panel and they work great in the desktop version but once I published the dashboard they don’t work. Is there something else you need to do in the published view

  3. Thanks for the detailed explanation. However, when I hide the panel, it also cleared all the filters on the slicer, I want to hide the panel with all the filters not cleared when I hide it, until I click the CLEAR Button, any suggestion would be appreciated.

  4. Thank you for the tutorial. I wanted to use the slicer pane on multiple pages but I am running into issues. When I move from one page tp the next the state of the bookmark seems to reset to show the slicer pane and the buttons referencing the bookmark fail to work until I toggle the book mark selection. Any way to sync the book mark state between pages or default it to a hidden state?

    1. As you have discovered, it is finicky. The easiest way is to just use the inbuilt filter pane on the right. If you want to use the slicer pane, you have to duplicate everything for every page, sync the slicers, and set up bookmarks independently for each page. I can’t give you any specific advice about the issue you are experiencing, sorry

    1. ahh, that would be difficult. You can now overlay visuals on top of other visuals in the mobile layout, so maybe it can work. Unfortunately I don’t have the time to investigate that. But you could give it a try.

  5. Hello Matt

    I managed to create a slicer panel via bookmark. I just have one question. When I test by leaving the slicer panel visible and go home tab, and go back to the previous tab the slicer menu remains visible. Do you know what can be?

    Thanks

    1. How are you navigating between pages in the report? If you just change tabs by clicking the page you want, then the slicer panel will remain visible. The slicer panel is an object that can be shown or hidden. If you show it, then it will remain visible until you hide it. Moving from one tab to another does not change the visibility status of the panel.

  6. muyideen Animashaun

    Hi , Thanks for this feature, the problem I am having with it is that when I create a dashboard from the report, the slicer feature stops working, am I doing anything wrong

  7. Hi Matt,

    Thanks for the video. I have implemented the slicer pane on a page. But I have 10 different pages in a report and want this slicer pane to be there across all pages.
    The slicer pane needs to be constant across all pages and can be chosen from any page.
    Can you please suggest a way of how to do that without creating a bookmark for each page.

    1. Hi Vipul. Have you considered using Sync Slicers? You can add slicers on a single page and then sync them to all other pages. One Idea is to add the slicers to a blank page and sync them to all other pages. Then create a bookmark on the other pages that jumps to the main slicer page. Then a back button on the main slicer page to take them back. I think this will work.

  8. A great idea, but for me it doesn’t quite work as I have a “filter reset” button that goes to a bookmark with the Data option enabled. If I set a filter value, then Reset and select a different filter value, then Hide, then Show i get the original filter selection as that is the one on the bookmark the Show goes to. Shame.

      1. You were right, I just needed to tweak the bookmarks a bit 😉
        It is annoying that visuals cannot have different positions and sizes on bookmarks, as that would allow the effect of the slicer panel squeezing the visuals together when it appears. As it is we would either need to go with no slicer panel hiding, or a card that lists the filters currently in use on the report (which just takes up more space and kind of defeats the whole purpose).

  9. Hello,

    Thank you for your tips, very helpful. However, I tried to uncheck ‘Data’, and now my bookmarks aren’t working anymore, any idea?

    Thank you

    1. I am not sure what “aren’t working anymore” means. Bookmarks can be fiddly. Unchecking the data option means the bookmark will not save the filters on the page (after you update the bookmark). You have to persist – set the bookmark and test it. Make changes, update the bookmark and test it again until it is right.

      1. Hello, by “aren’t working anymore” I tried to say that if I press ctrl + click I do not see any results from my bookmarks.

  10. I really like the fly-in, fly-out behaviour of that new Filters pane in the November 2018 update. I was kinda hoping it would perform the same kind of function as your Slicer Panel, because it doesn’t obscure the canvas when open. But alas, there’s no “Edit Interactions” option for filters e like you get for Slicers on the canvas, meaning you can’t set up the one filter to filter one group of visuals (say a bunch of charts breaking down revenue by site) but not another.
    We need a new feature called “Navigation Pane” or something where designers can put navigation and filtering options, so that users can expand and collapse as needed without *ever* obscuring the dashboard. Now that would be cool.

    I started an Idea at the forum for this:
    https://ideas.powerbi.com/forums/265200-power-bi-ideas/suggestions/36013585-allow-edit-interactions-for-filters-pane-or-add

  11. Thanks Matt – this is a great user experience while saving room on the canvas. I used this technique for a report, where I have multiple bookmarks that are set to display different visualizations per each bookmark. My question, is how do you maintain the same visualizations the user was using when you click Slicers Hidden or Slicers Visible? As of now, when they click Slicers Hidden or Slicers Visible, it resets the visuals back to the default set of visuals.

  12. Love it – ultra clear instructions and big gains of space, works well (although some work required with synced slicers as mentioned in comments).
    Head did go into hands on unresponsive “bookmark” button until I noted your “use Ctrl+click … when using Power BI Desktop” – hey Microsoft, how could we not remember that trick for everything… 😉 Fortunately it’s not needed once published through powerbi.com portal where it all works perfectly!

  13. Adrian Hernandez

    I noticed that when you click the arrow that hides Textbox with Slicers, all data is reset, in other words, you loose all your filter selections. Is this a Power BI bug? I am using Power BI Destkopt x64 Aug 2018 and Power BI Report Server Aug 2018.

  14. Adrian Hernandez

    Great tips. Thanks. Is there a way to make the visuals stretch or contract based on which button is clicked? What I mean is when the user clicks button to hide slicers textbox, the visuals are stretched, and when button show slicers textbox the visuals are reduced?

  15. Is there a way to update the bookmark when you ‘hide’ the pane?
    When I press the hide button, it resets my slicer changes because it is going back to the bookmark before I made the slicer changes.
    It seems like the slicer pane needs to be open the entire time while changing the filters (which isn’t a big deal, I can just squish my reports over a bit if the user wants to use slicers)

  16. Hello Matt,

    1st i want to thank you for sharing this with Us, this really helping me to get more space for my visuals.

    I have one problem, i have already bookmark for 3 different things in one tab and once i added this new slicers panel it automatically reset the graphs to the standard not working with the one selected by the other bookmark action, lets say i am using bookmark to see the performance for 3 employees each one separately and now adding another bookmark with slicers for date, city and Country .. whenever i click the key to get the slicer panel, it resets the other graphs to the employee i was selecting while creating the slicer panel bookmark .. so you have to work with the slicers 1st and then select the employee which just hiding the slicer panel without reset the slicers

  17. i like your approach. I have seen people have a single slicer page as the first page of a pbix file as the single master filter page. Perhaps you could do that. On each report page you have a slicer button. Each button takes you to the slicer page but with a different bookmark ( same page but different back button to take you back to the correct report page). You could even make this look like a side panel by adding a blurred background proxy for a report – you won’t see the details anyway. Would that work?

  18. Great little Technique Matt.
    I wanted to use it across several pages of my reports keeping the slicers synced at all time but I faced some issues as the bookmark was always bringing me back to my first page…
    While not ideal here was my workaround:
    – setup the text box and slicers using your method
    – duplicate the page
    – remove the two buttons and create two new ones
    – create two additional bookmarks for the second page
    – follow your method to assign the two new bookmarks to the new buttons.

    Not ideal as you get 2 bookmarks/buttons per page, you have to set each page individually and the visible/hidden status isn’t in sync from one page to the other but it worked and it keeps it user friendly when sharing the report.

    Do you see another way to achieve the same without creating additional bookmarks and buttons?

  19. Ok, sorry – yes you are right. The problem (I find) with spotlight is you can’t seem to have any other button or object visible. This means it cannot work with buttons as you can’t have spotlight and another button for a “close” bookmark. So yes, I use a text box with transparency as part of the solution as you suggested.

  20. Thank you for your answer.
    what I meant is when you unhide your left margin with the filters, the rest of the page faded away – left of the page look like it’s “spotlight” in contrast to the rest of the page.
    I had an idea (and I imagine you did the same) I added another object on top of the rest of the page (when i uncover the filters) that was in transparency = 50% and make you feel like all the filters are in spotlight mode and the rest of the page is faded 😉

  21. Hi Yagel, if you want to highlight a specific visual on the report page, select “Spotlight” on the top-right corner of the visual. Then that visual gets highlighted and the rest of the visuals on the page get dimmed.
    If you click on a specific field in a visual, then in all the visuals on the report page that field gets highlighted. This is what is called highlighting in Power BI.
    I think your question is about the options in the slicers. You will get that effect when you select the Font color as “Black” and Font family as “Arial Black” for “Items” in the Format pane for the slicer.

  22. Hey,
    How did you highlight several of objects?
    at the beginning of the video, you had a different example and you highlighted all the filters.
    Thanks

  23. Interesting technique. This is a feature that Microsoft should incorporate and/or make the existing filter panel more flexible from the designer’s perspective

  24. Interesting technique.
    I’m still learning about PivotTables and using them in Dashboards, through native
    I have had a opportunity to play with PowerBI. But I know essentially nothing about PowerBI.

    So the question is, can this technique, hiding slicers (or other elements) be recreated in Excel itself?

  25. This is a great step by step, I have used this for some time now, and my only problem with it is the amount of time it takes to create (Not that it takes that long to be honest but it would be quicker). It would be great if we had more over the bookmarks, or at least be able to assign a bookmark to an “Active” page. Another thing that would be helpful is the ability to group visuals.

  26. Hi Matt, very helpful tip! Do you know if the bookmark features needed are available in the on-prem PBI Reporting Server?

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top