Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.

Reply
Shakeel
Regular Visitor

How to Show/Hide Specific Report Page Power BI Javascript

I did show/Hide whole Report page navigation bar but I want to show / Hide specific Report Page based on condition. How Can I do this with Power BI Javascript.

1 ACCEPTED SOLUTION
Eric_Zhang
Employee
Employee


@Shakeel wrote:

I did show/Hide whole Report page navigation bar but I want to show / Hide specific Report Page based on condition. How Can I do this with Power BI Javascript.


@Shakeel

As far as I know, there's no way to hide pages. I don't find any hide function in the source code. However you may use a workaround by hiding the navigation bar and putting the pages you'd like to show in your web page. See the online live demo.

Capture.PNG

 

Just modify some portion of the pagenavigation.js in below demo.

              pages
                .map(function (page) {  
					//apply you logic here 
					if(page.displayName=='Overview'||page.displayName=='New Stores'){
						
					return generateReportPage(page);
					
					}  
                })

Capture.PNG

 

See the attachment.

 

View solution in original post

2 REPLIES 2
Eric_Zhang
Employee
Employee


@Shakeel wrote:

I did show/Hide whole Report page navigation bar but I want to show / Hide specific Report Page based on condition. How Can I do this with Power BI Javascript.


@Shakeel

As far as I know, there's no way to hide pages. I don't find any hide function in the source code. However you may use a workaround by hiding the navigation bar and putting the pages you'd like to show in your web page. See the online live demo.

Capture.PNG

 

Just modify some portion of the pagenavigation.js in below demo.

              pages
                .map(function (page) {  
					//apply you logic here 
					if(page.displayName=='Overview'||page.displayName=='New Stores'){
						
					return generateReportPage(page);
					
					}  
                })

Capture.PNG

 

See the attachment.

 

Thanks,
Yeah, we can use this approach also.

Helpful resources

Announcements
Microsoft Fabric Learn Together

Microsoft Fabric Learn Together

Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City

PBI_APRIL_CAROUSEL1

Power BI Monthly Update - April 2024

Check out the April 2024 Power BI update to learn about new features.

April Fabric Community Update

Fabric Community Update - April 2024

Find out what's new and trending in the Fabric Community.

Top Kudoed Authors