How can I allow users to save their favorite Power BI dashboards and display them on a separate page in Webflow, even if the dashboards are not part of the CMS?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

To allow users to save their favorite Power BI dashboards and display them on a separate page in Webflow, you can follow these steps:

Create a separate page for displaying the saved dashboards:

In your Webflow project, create a new page where you want to display the saved Power BI dashboards.
Design and structure this page according to your requirements.

Add a form or input field on each Power BI dashboard page:

On each individual Power BI dashboard page, add a form or input field where users can enter a name or title for the dashboard they want to save.
Include a submit button to allow users to save their favorite dashboard.

Set up a Webflow Collection for saving the dashboards:

In your Webflow project, create a new Collection to store the saved dashboards.
Include fields for the dashboard name/title, a screenshot or thumbnail image of the dashboard, and any other relevant information.

Create a form submission interaction:

Set up an interaction that triggers when users submit the form on the Power BI dashboard page.
Use custom code or an integration with a third-party service (e.g., Zapier) to capture the form data and save it to the Webflow Collection.

Display the saved dashboards on the separate page:

On the separate page you created in step 1, use a Collection List in Webflow to display all the saved dashboards.
Customize the layout and design of each dashboard entry using Webflow's Designer.

Retrieve and display the Power BI dashboards:

To display the actual Power BI dashboards on the separate page, you will need to use the embedded Power BI API or widget.
Retrieve the necessary data from your saved Webflow Collection (e.g., dashboard ID or URL).
Use the Power BI API or widget to embed the dashboard on the separate page, using the retrieved data to identify and load the correct dashboard.

Enable user interaction with saved dashboards:

To allow users to interact with the saved dashboards on the separate page, make sure the Power BI API or widget supports user interaction (e.g., drill-through, filtering).
Customize the behavior and options for each embedded dashboard to meet your needs.

By following these steps, you will be able to allow users to save their favorite Power BI dashboards and display them on a separate page in Webflow, even if the dashboards are not part of the CMS.

Additional questions:

How can I capture and save user input in Webflow?
Can I integrate Webflow with third-party services like Zapier?
How do I embed external content, such as Power BI dashboards, in Webflow?

Can Webflow's Design editor be used to trigger webhooks/APIs every time a page layout is changed and published?

What should be the correct HTTP request to access a project or site using the Webflow API?

Has anyone had success tracking file downloads using Webflow and Google Tag Manager?

Is the 404 error in the API call related to the Webflow CMS or the Xano backend?

What is the best approach to retrieve all the collection items in a single collection when syncing an Algolia search index to a CMS using Webflow?

How can JSON format template files be imported and edited in Webflow for creating and modifying websites?

Can anyone provide a solution to the error I am encountering when trying to create a collection item in my Webflow CMS via the API?

What is the error message that is appearing during the second or third step of the process involving Webflow, Zapier, and Memberstack?

Can Webflow call an external API on form submission to store data in a backend?

Is there any information available about using Webflow forms with a separate backend/API and how to handle scenarios such as wrong login details or existing accounts?