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

Compete to become Power BI Data Viz World Champion! First round ends August 18th. Get started.

Reply
gabereal
Frequent Visitor

Trigger Focus Mode programmatically

Hello,

 

I have a custom visual where I display different content depending on the options.isInFocus property. I would like to add a way to trigger Focus Mode directly from the visual. I intend on adding a "button" via d3 that can potentially trigger the change.

 

Let me know if anyone has any suggestions.

 

Thanks,

Gabriel GH 

1 ACCEPTED SOLUTION
dm-p
Super User
Super User

Hi @gabereal,

If you've made the IVisualHost object (options.host) object from the constructor available to your visual, you can attach its switchFocusModeState method to a button's click event, which will trigger focus mode, e.g.:

  • switchFocusModeState(true) will maximise the visual
  • switchFocusModeState(false) will return the visual to its standard size

Regards,

Daniel

EDIT: Here's a quick proof-of-concept I recently posted on Twitter that I'm currently working on, that confirms what you're planning to do is possible (using the isInFocus property to render different content depending on view).





Did I answer your question? Mark my post as a solution!

Proud to be a Super User!


On how to ask a technical question, if you really want an answer (courtesy of SQLBI)




View solution in original post

2 REPLIES 2
dm-p
Super User
Super User

Hi @gabereal,

If you've made the IVisualHost object (options.host) object from the constructor available to your visual, you can attach its switchFocusModeState method to a button's click event, which will trigger focus mode, e.g.:

  • switchFocusModeState(true) will maximise the visual
  • switchFocusModeState(false) will return the visual to its standard size

Regards,

Daniel

EDIT: Here's a quick proof-of-concept I recently posted on Twitter that I'm currently working on, that confirms what you're planning to do is possible (using the isInFocus property to render different content depending on view).





Did I answer your question? Mark my post as a solution!

Proud to be a Super User!


On how to ask a technical question, if you really want an answer (courtesy of SQLBI)




gabereal
Frequent Visitor

@dm-p ,

 

Thanks for the quick response. I was able to implement the functionality I wanted using the switchFocusModeState method.

 

Regards,

Gabriel 

Helpful resources

Announcements
July 2025 community update carousel

Fabric Community Update - July 2025

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

July PBI25 Carousel

Power BI Monthly Update - July 2025

Check out the July 2025 Power BI update to learn about new features.