You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
description: Learn about how to add Power BI component to a Power Apps portals page using portals Studio.
3
+
description: Learn how to add a Power BI component to a Power Apps portals webpage. Get familiar with considerations about Power BI access types.
4
4
author: neerajnandwana-msft
5
5
ms.service: powerapps
6
6
ms.topic: conceptual
@@ -15,112 +15,112 @@ contributors:
15
15
16
16
# Add Power BI
17
17
18
-
You can add Power BI component on a page to display Power BI dashboards and reports on your portal.
18
+
You can add a Power BI component on a page to display Power BI dashboards and reports on your portal.
19
19
20
20
> [!NOTE]
21
21
> Before you begin, read [Power BI access type considerations](#power-bi-access-type-considerations) and [general Power BI considerations](#general-power-bi-considerations) to get familiar with important Power BI terms and considerations for Power Apps portals.
1. Select the page you want to add the component to.
29
29
30
30
1. Select an editable element on the canvas.
31
31
32
32
1. Select **Components** from the left side of the screen.
33
33
34
-
1. From Portal components section, select **Power BI**. The Power BI placeholder is added to the canvas:
34
+
1. From the Portal components section, select **Power BI**. The Power BI placeholder is added to the canvas.
35
35
36
36
1. In the properties pane on the right side of the screen, enter the following information:
37
37
38
-
1.**Access type**: Select appropriate option from the drop-down as per your requirement.
38
+
1.**Access type**: From the drop-down, select the appropriate option for your business requirements.
39
39
40
40

41
41
42
-
1.**Embed for your customers** - Allows you to securely share the Power BI dashboards or reports to external users without Power BI license or Azure Active Directory authentication setup. This option uses Power BI Embedded services to integrate Power BI dashboards or reports into portal.
42
+
1.**Embed for your customers** - Allows you to securely share the Power BI dashboards or reports to external users without a Power BI license or Azure Active Directory authentication setup. This option uses Power BI Embedded services to integrate Power BI dashboards or reports into your portal.
43
43
> [!NOTE]
44
-
> Ensure [Power BI Embedded service is enabled](../portals/admin/set-up-power-bi-integration.md#enable-power-bi-embedded-service) and respective Power BI workspaces are selected, and shared with the maker or the logged-in user.
44
+
> Ensure [Power BI Embedded service is enabled](../portals/admin/set-up-power-bi-integration.md#enable-power-bi-embedded-service) and respective Power BI workspaces are selected and shared with the maker or the logged-in user.
45
45
46
-
1.**Embed for your organization** - Allows you to securely share the Power BI dashboards or reports to Azure Active Directory authenticated users.
46
+
1.**Embed for your organization** - Allows you to securely share the Power BI dashboards or reports with Azure Active Directory authenticated users.
47
47
48
48
> [!NOTE]
49
-
> Ensure you've shared Power BI workspaces with maker and target portal users.
49
+
> Ensure you've shared Power BI workspaces with the maker and target portal users.
50
50
51
-
3.**Publish to web** - Allows you to share Power BI report or dashboard to anyone on the internet.
51
+
3.**Publish to web** - Allows you to share Power BI dashboards or reports to anyone on the internet.
52
52
53
-
For more information about access types, go to [access types](#power-bi-access-type-considerations).
53
+
For more information about access types, go to [Power BI access type considerations](#power-bi-access-type-considerations).
54
54
55
55
1.**Workspace**: Select the Power BI workspace from the list.
56
56
57
57
1.**Select type**: Select type as *Dashboard* or *Report* from the list.
- You can enter multiple roles separated by a comma (for example, `role_1,role_2`). For more information on defining roles in Power BI, go to [Row-level security (RLS) with Power BI](/power-bi/service-admin-rls). <br>
69
-
-Only available for access type **Embed for your customer**.
69
+
-This option is only available for the access type **Embed for your customers**.
70
70
71
-
1.**Apply filter**: Allows user to load the report with pre-filtered values. User can provide filter condition in the field.
71
+
1.**Apply filter**: Allows the user to load the report with pre-filtered values. The user can provide a filter condition in the field.
- To learn about how to get embed code URL, go to [Publish to web from Power BI](/power-bi/service-publish-to-web)
84
-
-Only available for access type **Publish to web**.
83
+
- To learn how to create and manage embed codes, go to [Publish to web from Power BI](/power-bi/service-publish-to-web)
84
+
-This option is only available for the access type **Publish to web**.
85
85
86
86
### Power BI access type considerations
87
87
88
-
The following list explains Power BI access types in brief and lists access type considerations for Power Apps portals. For more information about Power BI access types, go to [Difference between Power BI service and Power BI embedded](/power-bi/developer/embedded/embedded-faq#how-is-power-bi-embedded-different-from-power-bi-the-service).
88
+
The following list explains Power BI access types in brief and lists access type considerations for Power Apps portals. For more information about Power BI access types, go to [The difference between Power BI service and Power BI Embedded](/power-bi/developer/embedded/embedded-faq#how-is-power-bi-embedded-different-from-power-bi-the-service).
89
89
90
90
-**Embed for your customers**:
91
-
- Shows the list of workspaces shared to user currently logged in and enabled for [Power BI Embedded service](../portals/admin/set-up-power-bi-integration.md#enable-power-bi-embedded-service).
91
+
- Shows the list of workspaces shared to a user currently logged in and enabled for [Power BI Embedded service](../portals/admin/set-up-power-bi-integration.md#enable-power-bi-embedded-service).
92
92
- Uses Power BI Embedded service.
93
93
- If you've used Power BI Embedded service with Power Apps portals before, you'll see the following error when you select **Embed for your customers**:
94
94
95
95

96
96
97
-
When this happens, ensure you [disable](../portals/admin/set-up-power-bi-integration.md#disable-power-bi-visualization) and then [enable](../portals/admin/set-up-power-bi-integration.md#enable-power-bi-visualization) Power BI visualization again.
98
-
- If you add Power BI with **Embed for your customers** on a Power Apps portal page that is available **anonymously**, anyone can view the dashboard. To secure such a web page, read [web page access control in Power Apps portal](../portals/configure/webpage-access-control.md).
97
+
When this message appears, ensure you [disable](../portals/admin/set-up-power-bi-integration.md#disable-power-bi-visualization) and then [enable](../portals/admin/set-up-power-bi-integration.md#enable-power-bi-visualization) Power BI visualization again.
98
+
- If you add Power BI with **Embed for your customers** on a portal page that's available **anonymously**, anyone can view the dashboard. To secure this page, read [webpage access control in Power Apps portals](../portals/configure/webpage-access-control.md).
99
99
100
100
-**Embed for your organization**:
101
101
102
-
- Shows the list of workspaces shared with logged in user.
102
+
- Shows the list of workspaces shared with a logged-in user.
103
103
- Uses Azure Active Directory authentication.
104
104
105
-
-**Publish to web**: Anyone on Internet can view your published report or visual. This requires no authentication and includes viewing detaillevel data your reports aggregate. Before publishing a report, make sure you can share the data and visualizations publicly. Don't publish confidential or sensitive information. Refer to your organization's policies before publishing.
105
+
-**Publish to web**: Anyone on the internet can view your published report or visual. This option requires no authentication and includes viewing detail-level data that your reports aggregate. Before publishing a report, make sure you can share the data and visualizations publicly. Don't publish confidential or sensitive information. Refer to your organization's policies before publishing.
106
106
107
107
### General Power BI considerations
108
108
109
-
-[Portals Studio](../portals/portal-designer-anatomy.md) performance can degrade while working with Power BI workspaces because of the following Power BI workspace configurations:
110
-
-High number of workspaces shared with logged in maker user.
109
+
-[Portals Studio](../portals/portal-designer-anatomy.md) performance can degrade while working with Power BI workspaces because of the following:
110
+
-A high number of workspaces shared with a logged-in user.
111
111
- Power BI workspaces are shared with many users.
112
-
-[Capture liquid variable](../portals/liquid/portals-entity-tags.md#powerbi) isn't supported in portals Studio while working with Power BI component.
113
-
- If you [reset portal](../portals/admin/reset-portal.md) and provision a new portal, you must add portal application ID of the new portal to the **Portal Power BI Embedded service** Azure AD security group. For more information, go to [Set up Power BI integration](../portals/admin/set-up-power-bi-integration.md#create-security-group-and-add-to-power-bi-account).
114
-
- If you make a change in Power Apps portals admin center, you must reload the portals Studio if you already have it open.
112
+
-[The capture Liquid variable](../portals/liquid/portals-entity-tags.md#powerbi) isn't supported in portals Studio while working with a Power BI component.
113
+
- If you [reset a portal](../portals/admin/reset-portal.md) and provision a new portal, you must add the portal application ID of the new portal to the **Portal Power BI Embedded service** Azure AD security group. For more information, go to [Set up Power BI integration](../portals/admin/set-up-power-bi-integration.md#create-security-group-and-add-to-power-bi-account).
114
+
- If you make a change in the Power Apps portals admin center, you must reload the portals Studio if you already have it open.
115
115
- Adding users to Power BI dashboards and reports may take a while to reflect in the portals Studio.
116
116
117
117
### Power BI performance and optimization considerations
118
118
119
-
Embedding multiple Power BI workspaces may need additional considerations. Refer to the following resources for Power BI embed scenario troubleshooting, optimization, and best practices:
119
+
Embedding multiple Power BI workspaces may need extra considerations. Refer to the following resources for Power BI Embedded troubleshooting, optimization, and best practices:
120
120
121
-
-[Troubleshooting Power BI Embedded application content rendering](/power-bi/developer/embedded/embedded-troubleshoot#content-rendering).
122
-
-[Power BI Embedded performance best practices](/power-bi/developer/embedded/embedded-performance-best-practices).
123
-
-[Power BI optimization guide](/power-bi/guidance/power-bi-optimization).
121
+
-[Troubleshooting Power BI Embedded application content rendering](/power-bi/developer/embedded/embedded-troubleshoot#content-rendering)
122
+
-[Power BI Embedded performance best practices](/power-bi/developer/embedded/embedded-performance-best-practices)
123
+
-[Power BI optimization guide](/power-bi/guidance/power-bi-optimization)
124
124
125
125
### See also
126
126
@@ -131,4 +131,4 @@ Embedding multiple Power BI workspaces may need additional considerations. Refer
Copy file name to clipboardExpand all lines: powerapps-docs/maker/portals/admin/add-powerbi-report.md
+16-16Lines changed: 16 additions & 16 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
-
title: Add a Power BI report or dashboard to a web page in portal
3
-
description: Learn how to add a Power BI report or dashboard to a web page in the portal.
2
+
title: Add a Power BI report or dashboard to a webpage in a portal
3
+
description: Learn how to add a Power BI report or dashboard to a webpage in the portal by using the powerbi Liquid tag.
4
4
author: neerajnandwana-msft
5
5
ms.service: powerapps
6
6
ms.topic: conceptual
@@ -13,14 +13,14 @@ contributors:
13
13
- tapanm-msft
14
14
---
15
15
16
-
# Add a Power BI report or dashboard to a web page in portal
16
+
# Add a Power BI report or dashboard to a webpage in a portal
17
17
18
18
> [!TIP]
19
19
> This article explains how to add a Power BI report or dashboard using *powerbi* Liquid tag. To add **Power BI component** on a webpage in your portal using the portals Studio, go to [Add a Power BI component to a webpage using the portals Studio](../add-powerbi.md).
20
20
21
21
You can add a Power BI report or dashboard to a web page in portal by using the [powerbi](../liquid/portals-entity-tags.md#powerbi) Liquid tag. Use the `powerbi` tag in the **Copy** field on a web page or in the **Source** field on a web template.
22
22
23
-
If adding a Power BI report or dashboard created in the new workspace in Power BI, you must specify the authentication type as **powerbiembedded** in the *powerbi* Liquid tag.
23
+
If you're adding a Power BI report or dashboard created in the new workspace of Power BI, you must specify the authentication type as **powerbiembedded** in the *powerbi* Liquid tag.
24
24
25
25
> [!NOTE]
26
26
> - If you have specified AAD as the authentication type in powerbi Liquid tag, you must share it with the required users before adding the secure Power BI report or dashboard to a web page in portal. More information: [Share Power BI workspace](/power-bi/service-how-to-collaborate-distribute-dashboards-reports#collaborate-with-coworkers-in-an-app-workspace) and [Share Power BI dashboard and report](/power-bi/service-share-dashboards).
@@ -85,7 +85,7 @@ Roles are contained within the Azure Analysis Services database and not in the r
85
85
86
86
2. Open the dashboard or report you want to embed in your portal.
87
87
88
-
3. Copy URL from the address bar.
88
+
3. Copy the URL from the address bar.
89
89
90
90
> [!div class=mx-imgBorder]
91
91
> 
@@ -108,12 +108,12 @@ Roles are contained within the Azure Analysis Services database and not in the r
108
108
109
109
## How to use powerbi-client JavaScript library in portals
110
110
111
-
You can use [powerbi-client JavaScript library](https://github.com/microsoft/PowerBI-JavaScript#powerbi-client) while embedding Power BI reports or dashboards in portals. For more information about powerbi-client JavaScript library, see [Power BI JavaScript wiki](https://github.com/Microsoft/PowerBI-JavaScript/wiki).
111
+
You can use [powerbi-client JavaScript library](https://github.com/microsoft/PowerBI-JavaScript#powerbi-client) while embedding Power BI reports or dashboards in your portal. For more information about powerbi-client JavaScript library, see the[Power BI JavaScript wiki](https://github.com/Microsoft/PowerBI-JavaScript/wiki).
112
112
113
-
Below is a sample JavaScript to update the report settings, or to handle events. This sample disables filters pane, disables page navigation, and enables *dataSelected* event.
113
+
Below is a sample JavaScript to update the report settings or to handle events. This sample disables filter pane, disables page navigation, and enables *dataSelected* event.
114
114
115
115
> [!IMPORTANT]
116
-
> Use powerbi-client JavaScript library to disable or enable filter pane. However, if you want to restrict access to data or configure security, use [Row-level security (RLS) with Power BI](/power-bi/admin/service-admin-rls). Disabling filter pane doesn't restrict data access, and can be re-enabled using JavaScript library code.
116
+
> Use powerbi-client JavaScript library to disable or enable filter pane. However, if you want to restrict access to data or configure security, use [Row-level security (RLS) with Power BI](/power-bi/admin/service-admin-rls). Disabling filter pane doesn't restrict data access, and it can be re-enabled using JavaScript library code.
117
117
118
118
```javascript
119
119
$(window).load(function(){
@@ -140,16 +140,16 @@ $(window).load(function(){
140
140
})
141
141
```
142
142
143
-
To add custom JavaScript to a web page:
143
+
To add custom JavaScript to a webpage:
144
144
145
145
1. Open the [Portal Management](../configure/configure-portal.md) app.
146
-
1. Select **Web Pages** from the left-pane.
147
-
1. Select the web page that contains the Power BI report or dashboard.
146
+
1. Select **Web Pages** from the leftpane.
147
+
1. Select the webpage that contains the Power BI report or dashboard.
148
148
1. Select **Advanced** tab.
149
149
1. Copy and paste the JavaScript inside the **Custom JavaScript** section.
150
150
1. Select **Save & Close**.
151
151
152
-
Let's understand the sample JavaScript operations, and different options.
152
+
Now, let's understand the sample JavaScript operations and different options.
153
153
154
154
### Get a reference to the embedded report HTML
155
155
@@ -169,9 +169,9 @@ var report = powerbi.get(embedContainer);
169
169
170
170
### Work with Power BI panes
171
171
172
-
You can use the settings for panes to work with Power BI panes on a portals web page. For example, you can use the filters setting to hide or show the pane. Or, use the paging with page navigation setting.
172
+
You can use the settings for panes to work with Power BI panes on a portals webpage. For example, you can use the filters setting to hide or show the pane, or work with the page navigation setting.
173
173
174
-
Below is the sample to remove filters pane:
174
+
Below is a sample to remove filters pane:
175
175
176
176
```javascript
177
177
report.updateSettings({
@@ -185,7 +185,7 @@ report.updateSettings({
185
185
});
186
186
```
187
187
188
-
Sample to work with both page navigation, and filters:
188
+
Below is a sample to work with both page navigation and filters:
189
189
190
190
```javascript
191
191
report.updateSettings({
@@ -227,4 +227,4 @@ More information: [Handling events](https://github.com/Microsoft/PowerBI-JavaScr
0 commit comments