Quantcast
Channel: Visual BI Solutions
Viewing all articles
Browse latest Browse all 989

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks

$
0
0

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks

While Power BI does not have out-of-the-box components to support an interface with flexible navigation, you can still utilize Bookmark and Buttons to make your Power BI report become more interactive. This blog will show you how to use Button Component and Bookmark to create an interactive-KPI style dashboard within Power BI.

Step 1. Create bookmarks for different scenarios that you have. It is more efficient to create bookmarks now and bind them to your buttons’ action. You can always update them later!

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks

 

Step 2. Create a blank button as follow. This button will have the state of being unselected so give it a light background color. Here I have a gray background and gray text so that it won’t stand out too much.

Activate Action for this button and select ‘Bookmark’ option and connect it to the appropriate bookmark.

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks
 

For the button setting, turn off Background. Use Fill instead because this option let you choose different state of the button. Here we want a hover effect on the button to indicate a possibility of action. For default state, set Transparency at 50%, for Hover State, set it at 0%. You can play around with this option to create desired effects.

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks

 

Step 3. Copy and Paste two more buttons, change the button texts and connect it to the corresponding Bookmark in Action option.

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks

 

Step 4. Next, create the KPI Tiles that shows that data for corresponding KPI and put it on top of the buttons.

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks

 

Step 5. Now is the time-consuming part! You need to create all the charts for all scenarios before Updating your bookmark! The tip is to always create a chart with the look and feel you want, then make a copy and just change the measure.

a) Create the Selected version of each button. Here I give it a blue background with white text to make it stand out. This button will not have any Action so turn this option off. Again, make a copy of this button for each scenario.

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks

 

b) Next, lay these buttons exactly on top of the unselected ones, you might also need to bring them to front.

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks

 

Step 6. Create 3 different charts for 3 scenarios.

In this example, when analyzing Product Cost. I want to look at the Product Cost and Gross Revenue in Scatter Plot Chart

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks

 

When analyzing Revenue, I want to analyze Revenue and Quantity Sold by Product Type.

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks

 

When analyzing Unit Price, I want to look at Unit Price, Unit Cost and Unit Sales Price by Retailer Country.

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks

 

Step 7. Open Selection and Bookmark Panel and start updating your bookmarks. For each view, uncheck the Display icon to hide selected buttons and charts of other views. Then select the appropriate Bookmark and click Update.

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks
 

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks

 

Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks

 

Your navigation setting is done!

Subscribe to our Newsletter

The post Designing KPI Tile Navigation in Power BI with Buttons and Bookmarks appeared first on Visual BI Solutions.


Viewing all articles
Browse latest Browse all 989

Trending Articles