Custom Date Slicer noting working on initial load when hidden with bookmark

[kpia]

Hi,

I created a cusotmer date slicer with React. It works well and I implemented bookmark capability so when I hid the slicer it will save the filter and apply when it is unhidden again. 

This functionality works fine but when I load the report with the slicer hidden, it applies no filter. I can see in the consol that React componant is never initalized on report load. 

I'm a bit stumpped, any idea why this is?

[dm-p]

Hi @kpia,

If you have hidden a visual on the page, Power BI doesn't load it until it is needed, i.e., it is lazy-loaded. The visual must be visible on the page to have any filters it sends to Power BI applied. If the visual is inactive/visible, Power BI does not acknowledge any filter from it, nor will it restore any filter to it (as it doesn't exist on the page at that moment).

Regards,

Daniel

[kpia]

Thanks @dm-p  for your response, that was my fear. Would it possible to listen for the report load even and filter the data while the visual is hidden?

Or maybe I can "hide" my slicer in my React component behind a button and only show the slicer when the button is clicked?

[dm-p]

Hi @kpia,

Your visual must be visible on the canvas (according to Power BI) for any active filters to apply. Power BI won't care what your visual is displaying within its iframe, so I suggest you update your visual's UI accordingly with a suitable component if you want it 'hidden' for the end user at a specific point. When the filter is 'visible,' you would restore the conventional UI for users in your app via logic.

Regards,

Daniel

[kpia]

@dm-p thank you for the advice. I think this approch would work but it causes some layout issue with my report.

Alternativly, would it be possible to create a second visual that displays nothing and just applies a filter on report load? I tried this approach by can seem to get the two visuals to synchronize when I load the other hidden visual. My dataview for the second visual is always filtered and can seem to find a way to remove the filter of the first visual.