cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Shakeel Frequent Visitor
Frequent 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

Accepted Solutions
Moderator Eric_Zhang
Moderator

Re: How to Show/Hide Specific Report Page Power BI Javascript


@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.

 

2 REPLIES 2
Moderator Eric_Zhang
Moderator

Re: How to Show/Hide Specific Report Page Power BI Javascript


@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.

 

Shakeel Frequent Visitor
Frequent Visitor

Re: How to Show/Hide Specific Report Page Power BI Javascript

Thanks,
Yeah, we can use this approach also.

Helpful resources

Announcements
Back to School Contest

Back to School Contest

Engage and empower students with Power BI!

MBAS Gallery

Watch Sessions On Demand!

Continue your learning in our online communities.

Summit Australia 2019

Summit Australia 2019

Travel to Melbourne and network with thousands of peers!

Top Ideas
Users Online
Currently online: 254 members 2,817 guests
Please welcome our newest community members: