In this lab you will enhance the Sales Analysis with advanced design features.
In this lab you learn how to:
- Sync slicers
- Create a drillthrough page
- Apply conditional formatting
- Create and use bookmarks
Lab story
This lab is one of many in a series of labs that was designed as a complete story from data preparation to publication as reports and dashboards. You can complete the labs in any order. However, if you intend to work through multiple labs, we suggest you do them in the following order:
- Prepare Data in Power BI Desktop
- Load Data in Power BI Desktop
- Model Data in Power BI Desktop
- Create DAX Calculations in Power BI Desktop, Part 1
- Create DAX Calculations in Power BI Desktop, Part 2
- Design a Report in Power BI Desktop, Part 1
- Design a Report in Power BI Desktop, Part 2
- Create a Power BI Dashboard
- Perform Data Analysis in Power BI Desktop
- Enforce Row-Level Security
Exercise 1: Configure Sync Slicers
In this exercise you will sync the report page slicers.
Task 1: Get started – Sign in
In this task you will setup the environment for the lab by signing in to Power BI.
Important: If you have already signed in to Power BI, continue from the next task.
- To open Microsoft Edge, on the taskbar, click the Microsoft Edge program shortcut.
- In the Microsoft Edge browser window, navigate to https://powerbi.microsoft.com.
Tip: You can also use the Power BI Service favorite on the Microsoft Edge favorites bar.
- Click Sign In (located at the top-right corner).
- Enter the account details provided to you.
- If prompted to update the password, reenter the provided password, and then enter and confirm a new password.
Important: Be sure to record your new password.
- Complete the sign in process.
- If prompted by Microsoft Edge to stay signed in, click Yes.
- In the Microsoft Edge browser window, in the Power BI service, in the Navigation pane, expand My Workspace.
- Leave the Microsoft Edge browser window open.
Task 2: Get started – Open report
In this task you will setup the environment for the lab by opening the starter report.
Important: If you are continuing on from the previous lab (and you completed that lab successfully), do not complete this task; instead, continue from the next task.
- To open the Power BI Desktop, on the taskbar, click the Microsoft Power BI Desktop shortcut.
- To close the getting started window, at the top-left of the window, click X.
- To sign in to the Power BI service, at the top-right, click Sign In.
- Complete the sign in process using the same account used to sign in to the Power BI service.
- To open the starter Power BI Desktop file, click the File ribbon tab to open the backstage view.
- Select Open Report.
- Click Browse Reports.
- In the Open window, navigate to the D:\PL300\Labs\07-design-report-in-power-bi-desktop-enhanced\Starter folder.
- Select the Sales Analysis file.
- Click Open.
- Close any informational windows that may open.
- To create a copy of the file, click the File ribbon tab to open the backstage view.
- Select Save As.
- If prompted to apply changes, click Apply.
- In the Save As window, navigate to the D:\PL300\MySolution folder.
- Click Save.
Task 3: Sync slicers
In this task you will sync the Year and Region slicers.
You will continue the development of the report created in the Design a Report in Power BI Desktop, Part 1 lab.
- In Power BI Desktop, on the Overview page, set the Year slicer to FY2018.
- Go to the My Performance page, and then notice that the Year slicer is a different value.When slicers aren’t synced it can contribute to misrepresentation of data and frustration for report users. You’ll now sync the report slicers.
- Return to the Overview page, and then select the Year slicer.
- On the View ribbon tab, from inside the Show Panes group, click Sync Slicers.
- In the Sync Slicers pane (at the left of the Visualizations pane), in the second column (which represents syncing), check the checkboxes for the Overview and My Performance pages.
- On the Overview page, select the Region slicer.
- Sync the slicer with the Overview and Profit pages.
- Test the sync slicers by selecting different filter options, and then verifying that the synced slicers filter by the same selection.
- To close the Sync Slicer page, click the X located at the top-right of the pane.
Exercise 2: Configure Drill Through
In this exercise you will create a new page and configure it as a drill through page. When you’ve completed the design, the page will look like the following:
Task 1: Create a drill through page
In this task you will create a new page and configure it as a drill through page.
- Add a new report page named Product Details.
- Right-click the Product Details page tab, and then select Hide Page.
Report users won’t be able to go to the drill through page directly. They’ll need to access it from visuals on other pages. You’ll learn how to drill through to the page in the final exercise of this lab.
- Beneath the Visualizations pane, in the Drill Through section, add the Product | Category field to the Add Drill-Through Fields Here box.The labs use a shorthand notation to reference a field. It will look like this: Product | Category. In this example, Product is the table name and Category is the field name.
- To test the drill through page, in the drill through filter card, select Bikes.
- At the top-left of the report page, notice the arrow button.
A button is added automatically when a field is added to the drill through well/area. It allows report users to navigate back to the page from which they drilled through.
- Add a Card visual to the page, and then resize and position it so it sits to the right of the button and fills the remaining width of the page.
- Drag the Product | Category field into the card visual.
- Configure the format options for the visual, and then turn the Category Label property to Off.
- Set the Background Color property to a light shade of gray.
- Add a Table visual to the page, and then resize and position it so it sits beneath the card visual and fills the remaining space on the page.
- Add the following fields to the visual:
- Product | Subcategory
- Product | Color
- Sales | Quantity
- Sales | Sales
- Sales | Profit Margin
- Configure the format options for the visual, and in the Values section, set the Text Size property to 20pt.The design of the drill through page is almost complete. You’ll enhance the page with conditional formatting in the next exercise.
Exercise 3: Add Conditional Formatting
In this exercise you will enhance the drill through page with conditional formatting. When you’ve completed the design, the page will look like the following:
Task 1: Add conditional formatting
In this task you will enhance the drill through page with conditional formatting.
- Select the table visual.
- In the visualization pane, click the down-arrow on the Profit Margin value, and then select Conditional Formatting | Icons.
- In the Icons – Profit Margin window, in the Icon Layout dropdown list, select Right of Data.
- To delete the middle rule, at the left of the yellow triangle, click X.
- Configure the first rule (red diamond) as follows:
- In the second control, remove the value
- In the third control, select Number
- In the fifth control, enter 0
- In the sixth control, select Number
- Configure the second rule (green circle) as follows:
- In the second control, enter 0
- In the third control, select Number
- In the fifth control, remove the value
- In the sixth control, select Number
The rules can be interpreted as follows: display a red diamond if the profit margin value is less than 0; otherwise if the value is great or equal to zero, display a green circle.
- Click OK.
- In the table visual, verify that the that the correct icons are displayed.
- Configure background color conditional formatting for the Color field.
- In the Background Color – Color window, in the Format Style dropdown list, select Field Value.
- In the What field should we base this on? dropdown list, select Product | Formatting | Background Color Format.
- Click OK.
- Repeat the previous steps to configure font color conditional formatting for the Color field, using the Product | Formatting | Font Color Format fieldYou may recall that the background and font colors were source from the ColorFormats.csv file in the Prepare Data in Power BI Desktop lab, and then integrated with the Product query in the Load Data in Power BI Desktop lab.
Exercise 4: Add Bookmarks and Buttons
In this exercise you will enhance the My Performance page with buttons, allowing the report user to select the visual type to display. When you’ve completed the design, the page will look like the following:
Task 1: Add bookmarks
In this task you will add two bookmarks, one to display each of the monthly sales/targets visuals.
- Go to the My Performance page.
- On the View ribbon tab, from inside the Show Panes group, click Bookmarks.
- On the View ribbon tab, from inside the Show Panes group, click Selection.
- In the Selection pane, beside one of the Sales and Target by Month items, to hide the visual, click the eye icon.
- In the Bookmarks pane, click Add.
- To rename the bookmark, double-click the bookmark.
- If the visible chart is the bar chart, rename the bookmark as Bar Chart ON, otherwise rename the bookmark as Column Chart ON.
- To edit the bookmark, in the Bookmarks pane, hover the cursor over the bookmark, click the ellipsis, and then select Data.
Disabling the Data option means the bookmark won’t use the current filter state. That’s important because otherwise the bookmark would permanently lock in the filter currently applied by the Year slicer.
- To update the bookmark, click the ellipsis again, and then select Update.
In the following steps, you’ll create and configure a second bookmark to show the second visual.
- In the Selection pane, toggle the visibility of the two Sales and Target by Month items.In other words, make the visible visual hidden, and make the hidden visual visible.
- Create a second bookmark, and name it appropriately (either Column Chart ON or Bar Chart ON).
- Configure the second bookmark to ignore filters (Data option off), and update the bookmark.
- In the Selection pane, to make both visuals visible, simply show the hidden visual.
- Resize and reposition both visuals so they fill the page beneath the multi-card visual, and completely overlap one another.Tip: To select the visual that is covered up, select it in the Selection pane.
- In the Bookmarks pane, select each of the bookmarks, and notice that only one of the visuals is visible.The next stage of design is to add two buttons to the page, which will allow the report user to select the bookmarks.
Task 2: Add buttons
In this task you will add two buttons, and assign bookmark actions to each.
- On the Insert ribbon, from inside the Elements group, click Button, and then select Blank.
- Position the button directly beneath the Year slicer.
- Select the button, and then in the Format button pane, click General and turn the Title property to On.
- Expand the Title section, and then in the Text box, enter Bar Chart.
- Expand the Background section, and then set a background color using a complementary color.
- Click Button and turn the Action property to On.
- Expand the Action section, and then set the Type dropdown list to Bookmark.
- In the Bookmark dropdown list, select Bar Chart ON.
- Create a copy of the button by using copy and paste, and then configure the new button as follows:Tip: The shortcut commands for copy and paste are Ctrl+C followed by Ctrl+V.
- Set the Button Text property to Column Chart
- In the Action section, set the Bookmark dropdown list to Column Chart ON
The design of the Sales Analysis report is now complete.
Task 3: Publish the report
In this task you will publish the report.
- Select the Overview page.
- In the Year slicer, select FY2020.
- In the Region slicer, select Select All.
- Save the Power BI Desktop file.The file must always be saved prior to publishing to the Power BI service.
- On the Home ribbon tab, from inside the Share group, click Publish.
- In the Publish to Power BI window, notice that My Workspace is selected.
- To publish the report, click Select.
- If prompted to replace the dataset, click Replace.
- When the publication has succeeded, click Got It.
- Close Power BI Desktop.You’ll explore the report in the Power BI service in the next exercise.
Exercise 5: Explore the Report
In this exercise you will explore the report in the Power BI service.
Task 1: Explore the report
In this task you will explore the report in the Power BI service.
- In the Microsoft Edge browser window, in the Power BI service, in the Navigation pane, select My Workspace and then click the Sales Analysis report.
- To test the drill through report, in the Overview page, in the Quantity by Category visual, right-click the Clothing bar, and then select Drill Through | Product Details.
- Notice that the Product Details page is for Clothing.
- To return to the source page, at the top-left corner of the page, click the arrow button.
- Select the My Performance page.
- Click each of the buttons, and then notice that a different visual is displayed.
Task 2: Finish up
In this task you will complete the lab.
- To return to your workspace, in the banner across the window web page, click My Workspace.
- Leave the Microsoft Edge browser window open.