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

Earn a 50% discount on the DP-600 certification exam by completing the Fabric 30 Days to Learn It challenge.

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
LearnSurvey

Fabric certifications survey

Certification feedback opportunity for the community.

Top Kudoed Authors