Forum Discussion

yannaingoo's avatar
yannaingoo
Icon for Advocate II rankAdvocate II
8 months ago
Solved

Slicer does not work on PBI Embeded page.

Hello  May i ask what code need to be added in my plain html page for getting slicers synchroization in my embedded page ??  the below include slider (Home page) and synced to other pages. when i c...
Need Help
Show and Tell
Tips and Tricks
  • Olufemi7's avatar
    Olufemi7
    8 months ago

    Simply embedding a Power BI report in an `<iframe>` does not support slicer synchronization across pages. To make slicers sync in an embedded scenario, you need to:

    1. Configure Sync Slicers in Power BI

    • Open the report in Power BI Desktop.
    • Go to View → Sync Slicers pane.
    • Select which slicers should sync across pages.
    • Publish the report again.

    Microsoft documentation: 

    https://learn.microsoft.com/en-us/power-bi/developer/visuals/enable-sync-slicers

     

    To get slicer synchronization working:

    1. Configure slicer sync in Power BI Desktop/Service.
    2. For dynamic control, use the Power BI JavaScript API (`powerbi-client`) instead of a plain `<iframe>`.

Olufemi7's avatar
Olufemi7
Icon for Super User rankSuper User
8 months ago

Simply embedding a Power BI report in an `<iframe>` does not support slicer synchronization across pages. To make slicers sync in an embedded scenario, you need to:

1. Configure Sync Slicers in Power BI

• Open the report in Power BI Desktop.
• Go to View → Sync Slicers pane.
• Select which slicers should sync across pages.
• Publish the report again.

Microsoft documentation: 

https://learn.microsoft.com/en-us/power-bi/developer/visuals/enable-sync-slicers

 

To get slicer synchronization working:

1. Configure slicer sync in Power BI Desktop/Service.
2. For dynamic control, use the Power BI JavaScript API (`powerbi-client`) instead of a plain `<iframe>`.