Forum Discussion
HTML Visual Button to Navigate to Another Page with Filter
Hi guys,
I need some advice. I created an HTML visual for a client exactly the way they wanted, HTML seemed like the best solution. Now I need to make the buttons inside the visual actually work.
I have a list of projects, and next to each project there is a "Details" button that should take the user to another report page and filter that page by the project ID. Everything works fine using Drillthrough, but the client doesn’t want Drillthrough, they want to go to the Details page with a single button click.
I tried adding a link directly to the button so it would navigate to the Details page, but it doesn’t work (it always navigates me to the first page). Manual creation of individual buttons is not an option since there are 600–700 projects. The solution needs to be dynamic.
Does anyone have a potential solution or workaround for this scenario?
Thanks a lot!!!
P.S. I can’t show the actual design here due to client confidentiality and strict requirements.
Hello HanaOkugic,
In Microsoft Power BI, an HTML/custom visual can’t pass report filter context or navigate to another report page with a dynamic filter. Custom visuals run isolated from the report’s navigation model, so links inside the HTML visual won’t carry the selected Project ID which is why it always opens the report (often the first page).
The supported approach for this scenario is Drillthrough. Drillthrough is specifically designed to open another page while passing the selected value (for example, Project ID) as a filter.
You can still make it behave like a single-click button:
- Add Project ID to the Drillthrough fields on the Details page.
- Use a Drillthrough button and style it like your “Details” button.
Microsoft documentation:
- Drillthrough in Power BI reports: Navigate to detailed insights
- Types of filters in Power BI reports
Microsoft confirms that drillthrough pages apply filters based on the selected item and pass filters between report pages.
4 Replies
Hello HanaOkugic,
In Microsoft Power BI, an HTML/custom visual can’t pass report filter context or navigate to another report page with a dynamic filter. Custom visuals run isolated from the report’s navigation model, so links inside the HTML visual won’t carry the selected Project ID which is why it always opens the report (often the first page).
The supported approach for this scenario is Drillthrough. Drillthrough is specifically designed to open another page while passing the selected value (for example, Project ID) as a filter.
You can still make it behave like a single-click button:
- Add Project ID to the Drillthrough fields on the Details page.
- Use a Drillthrough button and style it like your “Details” button.
Microsoft documentation:
- Drillthrough in Power BI reports: Navigate to detailed insights
- Types of filters in Power BI reports
Microsoft confirms that drillthrough pages apply filters based on the selected item and pass filters between report pages.
Use Embedded Playground or sempy or similar to enumerate the page IDs for your report. Then include the page ID (aka ReportSection) in the button URL.
Hi HanaOkugic
Thank you for submitting your question to the Microsoft Fabric Community Forum, and thanks to lbendlin and Olufemi7 for offering helpful suggestions.
Could you let us know if the suggested solution resolved your issue?If you still need help, please share more details so we can assist you further.
Thank you.
Hi HanaOkugic
We have not received a response from you regarding the query and were following up to check if you had the opportunity to review the information provided. Please feel free to contact us if you have any further questions.
Thank You.
