Skip to content

Commit 735d5dc

Browse files
committed
2587172
1 parent d2dd959 commit 735d5dc

File tree

4 files changed

+28
-31
lines changed

4 files changed

+28
-31
lines changed

powerapps-docs/maker/portals/component-framework-liquid.md

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,21 +5,20 @@ author: GitanjaliSingh33msft
55
ms.service: powerapps
66
ms.topic: conceptual
77
ms.custom:
8-
ms.date: 01/25/2022
8+
ms.date: 02/01/2022
99
ms.subservice: portals
1010
ms.author: gisingh
1111
ms.reviewer: ndoelman
1212
contributors:
1313
- nickdoelman
1414
- GitanjaliSingh33msft
15-
- nickdoelman
1615
---
1716

18-
# Liquid template tag for code components (preview)
17+
# Liquid template tag for code components
1918

2019
[This article is pre-release documentation and is subject to change.]
2120

22-
Power Apps component framework empowers professional developers and app makers to create code components for model-driven and canvas apps. These code components can provide an enhanced experience for users working with data on forms, views, and dashboards. More information: [Use code components in portals (preview)](component-framework.md)
21+
Power Apps component framework empowers professional developers and app makers to create code components for model-driven and canvas apps. These code components can provide an enhanced experience for users working with data on forms, views, and dashboards. More information: [Use code components in portals](component-framework.md)
2322

2423
> [!IMPORTANT]
2524
> The Liquid template tag for code components requires portals version [9.3.10.x or later](/power-platform/released-versions/portals/portalupdate9310x).
@@ -50,15 +49,15 @@ You can use the [sample map control](../../developer/component-framework/sample-
5049
5150
## Tutorial: Use code components on pages with Liquid template tag
5251

53-
In this tutorial, you'll configure Power Apps portals to add the component to a webpage and set access for the **Web Resource** table. You'll then visit the portals webpage and interact with the component.
52+
In this tutorial, you'll configure Power Apps portals to add the component to a webpage. You'll then visit the portals webpage and interact with the component.
5453

5554
### Before you begin
5655

5756
If you're using the sample code component used in this tutorial, ensure that you first import the sample solutions to the environment before you begin. To learn about solution import, go to [Import solutions](../data-platform/import-update-export-solutions.md).
5857

5958
### Prerequisites
6059

61-
For prerequisites, and to learn about supported/unsupported code components in portals, go to [Use code components in portals (preview)](component-framework.md).
60+
For prerequisites, and to learn about supported/unsupported code components in portals, go to [Use code components in portals](component-framework.md).
6261

6362
> [!NOTE]
6463
> This tutorial uses a sample code component created using Power Apps component framework to demonstrate a map control on a webpage. You can also use any existing or new component of your own, and any other webpage for this tutorial. In this case, be sure to use your component and webpage when following the steps in this tutorial. For more information about how to create code components, go to [Create your first component](../../developer/component-framework/implementing-controls-using-typescript.md).
@@ -122,3 +121,5 @@ For prerequisites, and to learn about supported/unsupported code components in p
122121
[Create your first component](../../developer/component-framework/implementing-controls-using-typescript.md) <br>
123122
[Add code components to a column or table in model-driven apps](../../developer/component-framework/add-custom-controls-to-a-field-or-entity.md)<br>
124123
[Implement a sample portal Web API component](implement-webapi-component.md)
124+
125+
[!INCLUDE[footer-include](../../includes/footer-banner.md)]

powerapps-docs/maker/portals/component-framework-tutorial.md

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ author: sandhangitmsft
55
ms.service: powerapps
66
ms.topic: conceptual
77
ms.custom:
8-
ms.date: 01/25/2022
8+
ms.date: 02/01/2022
99
ms.subservice: portals
1010
ms.author: nenandw
1111
ms.reviewer: ndoelman
@@ -15,11 +15,9 @@ contributors:
1515
- HemantGaur
1616
---
1717

18-
# Tutorial: Use code components in portals (preview)
18+
# Tutorial: Use code components in portals
1919

20-
[This article is pre-release documentation and is subject to change.]
21-
22-
In this tutorial, you'll create a sample component using Power Apps component framework. You'll package this component to a Dataverse environment and add the component to a model-driven app. You'll then configure Power Apps portals to add the component to a basic form, set access for the **Web Resource** table, and add the basic form to a webpage. Finally, you'll visit the portals webpage and interact with the component.
20+
In this tutorial, you'll create a sample component using Power Apps component framework. You'll package this component to a Dataverse environment and add the component to a model-driven app. You'll then configure Power Apps portals to add the component to a basic form and add the basic form to a webpage. Finally, you'll visit the portals webpage and interact with the component.
2321

2422
## Prerequisites
2523

@@ -147,3 +145,4 @@ The webpage will now show the basic form for the **Opportunities** table with th
147145
[Create your first component](../../developer/component-framework/implementing-controls-using-typescript.md) <br>
148146
[Add code components to a field or table in model-driven apps](../../developer/component-framework/add-custom-controls-to-a-field-or-entity.md)
149147

148+
[!INCLUDE[footer-include](../../includes/footer-banner.md)]

powerapps-docs/maker/portals/component-framework.md

Lines changed: 12 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,37 @@
11
---
2-
title: Use code components in portals (preview)
2+
title: Use code components in portals
33
description: Learn about creating code components for model-driven and canvas apps using Power Apps component framework inside Power Apps portals.
4-
author: sandhangitmsft
4+
author: GitanjaliSingh33msft
55
ms.service: powerapps
66
ms.topic: conceptual
77
ms.custom:
8-
ms.date: 01/25/2022
8+
ms.date: 02/01/2022
99
ms.subservice: portals
10-
ms.author: nenandw
10+
ms.author: gisingh
1111
ms.reviewer: ndoelman
1212
contributors:
1313
- nickdoelman
14-
- sandhangitmsft
14+
- GitanjaliSingh33msft
1515
- HemantGaur
1616
---
1717

18-
# Use code components in portals (preview)
18+
# Use code components in portals
1919

20-
[This article is pre-release documentation and is subject to change.]
21-
22-
Power Apps component framework empowers professional developers and app makers to create code components for model-driven and canvas apps (public preview). These code components can provide an enhanced experience for users working with data on forms, views, and dashboards. More information: [Power Apps component framework overview](../../developer/component-framework/overview.md)
20+
Power Apps component framework empowers professional developers and app makers to create code components for model-driven and canvas apps. These code components can provide an enhanced experience for users working with data on forms, views, and dashboards. More information: [Power Apps component framework overview](../../developer/component-framework/overview.md)
2321

2422
Power Apps portals now supports controls for model-driven apps created using Power Apps component framework. To use code components in portals webpages, follow these steps:
2523

26-
![Create code component using component framework, then add the code component to a model-driven app form, and configure the code component field inside the basic form for portals and allow Read permission to the Web Resource table.](media/component-framework/steps.png "Create code component using component framework, then add the code component to a model-driven app form, and configure the code component field inside the basic form for portals and allow Read permission to the Web Resource table.")
24+
![Create code component using component framework, then add the code component to a model-driven app form, and configure the code component field inside the basic form for portals.](media/component-framework/steps.png "Create code component using component framework, then add the code component to a model-driven app form, and configure the code component field inside the basic form for portals.")
2725

2826
After following these steps, your users can now interact with the code component using the portal page that has the respective basic form.
2927

3028
> [!IMPORTANT]
31-
> - This is a preview feature.
32-
> - [!INCLUDE[cc_preview_features_definition](../../includes/cc-preview-features-definition.md)]
3329
> - Portals only currently support [code components that are added to a field](../../developer/component-framework/add-custom-controls-to-a-field-or-entity.md#add-a-code-component-to-a-column) in a model-driven app.
3430
3531
## Prerequisites
3632

37-
- You must have a valid Power Apps license. More information: [Power Apps component framework licensing](../../developer/component-framework/overview.md#licensing)
38-
- You must have System Administrator privileges to enable the Power Apps component feature in the environment.
33+
- You must have a valid Power Apps license. More information: [Power Apps component framework licensing](../../developer/component-framework/overview.md#licensing)
34+
- You must have System Administrator privileges to enable the Power Apps component feature in the environment.
3935
- Your portal version must be [9.3.3.x](versions/version-9.3.3.x.md) or higher.
4036
- Your starter portal package must be [9.2.2103.x](versions/package-version-9.2.2103.md) or higher.
4137

@@ -142,7 +138,7 @@ To learn how to add a code component to a field in model-driven app, go to [Add
142138
143139
## Configure portal for code component
144140

145-
After the code component is added to a field in a model-driven app, you can configure portals to use the code component on a basic form. Once you configure the code component on a basic form, be sure to configure the table permission to allow portal users **Read** access to the **Web Resource** table before they can see the component on the portal page.
141+
After the code component is added to a field in a model-driven app, you can configure portals to use the code component on a basic form.
146142

147143
To add a code component to a basic form:
148144

@@ -182,3 +178,4 @@ A code component can be built and added to a webpage that can use the [portal We
182178
[Create your first component](../../developer/component-framework/implementing-controls-using-typescript.md) <br>
183179
[Add code components to a column or table in model-driven apps](../../developer/component-framework/add-custom-controls-to-a-field-or-entity.md)
184180

181+
[!INCLUDE[footer-include](../../includes/footer-banner.md)]

powerapps-docs/maker/portals/implement-webapi-component.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Implement portals Web API code components sample (preview)
2+
title: Implement portals Web API code components sample
33
description: This page walks you through a sample code component that uses the portal Web API.
44
author: sandhangitmsft
55
ms.service: powerapps
@@ -15,9 +15,7 @@ contributors:
1515

1616
---
1717

18-
# Implement a sample portal Web API component (preview)
19-
20-
[This article is pre-release documentation and is subject to change.]
18+
# Implement a sample portal Web API component
2119

2220
The following is an example of implementing a code component that uses the portal Web API to perform create, retrieve, update, and delete actions. The component renders four buttons, which can be clicked to invoke different Web API actions. The result of the Web API call is injected into an HTML `div` element at the bottom of the code component.
2321

@@ -28,7 +26,7 @@ The following is an example of implementing a code component that uses the porta
2826
- Your portal version must be [9.3.10.x](/power-platform/released-versions/portals/portalupdate9310x) or higher.
2927
- Your starter portal package must be [9.2.2103.x](versions/package-version-9.2.2103.md) or higher.
3028
- You need to enable the site setting to enable the portals Web API for your portal. [Site settings for the Web API](web-api-overview.md#site-settings-for-the-web-api)
31-
- Configure table security using table permission. [Table permissions using studio](configure/entity-permissions-studio.md)
29+
- Configure table security using table permissions. [Table permissions using studio](configure/entity-permissions-studio.md)
3230

3331
## Code
3432

@@ -69,3 +67,5 @@ On successful retrieve of the records, the code component has logic to count how
6967
[Add code components to a field or table in model-driven apps](../../developer/component-framework/add-custom-controls-to-a-field-or-entity.md)<br>
7068
[Liquid template tag for code components](component-framework-liquid.md) <br>
7169
[Portals Web API](web-api-overview.md)
70+
71+
[!INCLUDE[footer-include](../../includes/footer-banner.md)]

0 commit comments

Comments
 (0)