Page Navigation Techniques
Creating custom navigation, bookmarks, Sync Slicer
In this section, you will learn how to create custom navigation and use bookmarks, Sync Slicer to make your reports more interactive and user-friendly.
1. Custom Navigation
• What is Custom Navigation? Custom navigation allows you to create buttons or links that help users easily move between different pages of your Power BI report. It makes your report easier to explore, especially when it has multiple pages. Users can quickly jump to the pages they need.
• How to Create Custom Navigation?
1. Go to the Insert Tab and select Button. Choose a button style (like “Back” or “Blank”).
2. Click on the button, then go to the Action section in the Format Pane.
3. Turn on Action and set Type to Page Navigation. Choose the page you want the button to navigate to.
2. Bookmarks
• What is a Bookmark? A bookmark saves the current view of a report, including filters, slicers, and visuals. You can use bookmarks to create different views of the same report.
• How to Create a Bookmark?
1. Go to the View Tab and click on Bookmarks Pane to open it.
2. Adjust your report to the desired view (like specific filters or visuals).
3. Click Add in the Bookmarks Pane to create a new bookmark.
4. Rename the bookmark for easy identification.
• How to Use Bookmarks with Buttons?
1. Create a button (as explained in custom navigation).
2. Set the Action to Bookmark in the Format Pane.
3. Select the bookmark you want to link to the button.
• Why Use Bookmarks? Bookmarks help you create a dynamic user experience, allowing users to switch between different views of the same data easily.
Combining Navigation and Bookmarks
1. Create Buttons for Navigation: Use buttons to create a menu that allows users to navigate to different pages
or bookmarks in your report.
2. Link Bookmarks to Buttons: Enhance your report by linking buttons to different bookmarks, creating an
interactive experience where users can toggle between various data views.
Sync Slicer
A Sync Slicer lets you connect slicers on different report pages. If you set a filter on one page, it will automatically apply the same filter on other pages. This is helpful when you want to see the same data across different pages of your report.
How to Use Sync Slicer
1. Add a Slicer: First, add a slicer to your report by selecting the Slicer visual from the visualization pane.
Choose the data you want to filter, such as Date or Product Category.
2. Open the Sync Slicer Pane: Click on the View tab in the toolbar. Choose Sync Slicers to open the Sync Slicer pane.
3. Sync the Slicer Across Pages: In the Sync Slicer pane, you will see a list of all the pages in your report. Check the boxes for the pages where you want the slicer to be synced.
Sync: This makes sure the slicer filters the same data on all selected pages.
Visible: This option shows the slicer on those pages.
• Once synced, try using the slicer on one page and then switch to another page. You’ll see that the filter is already applied there!
Why Use Sync Slicer?
• Saves Time: Instead of adding the same slicer on every page, you only need to add it once and sync it.
• Consistent Filtering: When you’re analyzing data across multiple pages, it ensures that you’re looking at the
same filtered data everywhere.
• Better User Experience: It makes your report easier to use because the filters are automatically applied across
pages.
Course Video
YouTube Reference :
In HTML, navigation is done using anchor tags (<a>), which create hyperlinks to other pages or sections. For example: <a href=”page2.html”>Go to Page 2</a>. You can also use buttons, navigation bars, and menus.
1. Global Navigation: Links to major sections of a website, typically in the header.
2. Local Navigation: Links within a specific section or page.
3. Contextual Navigation: Links within content, such as related articles or “read more.”
Navigation in HTML refers to the structure and tools (e.g., <nav> tag, links, menus) that allow users to move between different pages or sections of a website. It’s commonly implemented with the <nav> element.
Use the <a> tag for links to other pages, and the <nav> tag for organizing navigation elements. For example:
html <nav><a href=”home.html”>Home</a> <a href=”about.html”>About</a></nav>
The best navigation is intuitive, consistent, and responsive. It should help users find information quickly, work well on all devices, and include clear labels for links and sections.
