cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
ah2020
Helper I
Helper I

How can I replicate this design in my Reports?

Recently, I came across a blog where the author posted some sample reports (images only) and I found them to be very interesting. I would like to replicate this design in one of my reports but I could  not find any tutorials online which explained how to create them. I am mostly interested in the tabs design shown in those reports.

 

Here is the design I am after:

 

Reports with TabsReports with Tabs

Any pointers/help would be highly appreciated.

2 ACCEPTED SOLUTIONS
Migasuke
Responsive Resident
Responsive Resident

Hi @ah2020 ,

This solution is done by Bookmarks.
Basically you add these icons/pictures for Page 1, Page 2 .... , and set, that the pictures would behave like buttons.
Once you click on this picture with Page 1, you are navigate to specific bookmark. If you click on ie Page 2, you are navigate to a different bookmark.

From my perspective it looks very nice and cool, just seting this up might take a while, especially if you have never worked with bookmarks.
More here:
https://docs.microsoft.com/en-us/power-bi/create-reports/desktop-bookmarks

View solution in original post

PaulDBrown
Super User
Super User

@ah2020 

As @Migasuke correctly explains, you need a backround picture for each of you report pages and you emulate the page navigation experience by including bookmarks on the tabs for each page.

I've attached a PowerPoint of the graphics I used for a small personal project. As you will see, each slide represents a report page. Feel free to mess around/edit/use the sample.

 

Edit. Included sample images for clarity/illustration purposes

20210822_105121000_iOS.jpg

 

20210822_105152000_iOS.jpg

 

20210822_105206000_iOS.jpg

 

 

 

 

 

 





Did I answer your question? Mark my post as a solution!
In doing so, you are also helping me. Thank you!

Proud to be a Super User!
Paul on Linkedin.






View solution in original post

4 REPLIES 4
PaulDBrown
Super User
Super User

@ah2020 

As @Migasuke correctly explains, you need a backround picture for each of you report pages and you emulate the page navigation experience by including bookmarks on the tabs for each page.

I've attached a PowerPoint of the graphics I used for a small personal project. As you will see, each slide represents a report page. Feel free to mess around/edit/use the sample.

 

Edit. Included sample images for clarity/illustration purposes

20210822_105121000_iOS.jpg

 

20210822_105152000_iOS.jpg

 

20210822_105206000_iOS.jpg

 

 

 

 

 

 





Did I answer your question? Mark my post as a solution!
In doing so, you are also helping me. Thank you!

Proud to be a Super User!
Paul on Linkedin.






View solution in original post

Thanks! That was really helpful.

Migasuke
Responsive Resident
Responsive Resident

Hi @ah2020 ,

This solution is done by Bookmarks.
Basically you add these icons/pictures for Page 1, Page 2 .... , and set, that the pictures would behave like buttons.
Once you click on this picture with Page 1, you are navigate to specific bookmark. If you click on ie Page 2, you are navigate to a different bookmark.

From my perspective it looks very nice and cool, just seting this up might take a while, especially if you have never worked with bookmarks.
More here:
https://docs.microsoft.com/en-us/power-bi/create-reports/desktop-bookmarks

View solution in original post

Thanks for the explanation and useful pointers.

Helpful resources

Announcements
Power BI October Update 2021.jpg

Power BI Release

Click here to read more about the October 2021 Release!

Microsoft Ignite 768x460.png

Find your focus

Explore the latest tools,training sessions,technical expertise, networking and more.

Power BI Womens Summit 2021 768 x460.jpg

Interviews, learning sessions, allies, and more!

#PowerBIWomenSummit

Teds Dev Camp Oct. 2021 768x460.jpg

Power BI Dev Camp - October 28th, 2021

Mark your calendars and join us for our next Power BI Dev Camp!