Skip to content

Commit 84b001e

Browse files
committed
Updating
1 parent 631de4b commit 84b001e

18 files changed

+74
-74
lines changed

powerapps-docs/developer/component-framework/add-custom-controls-to-a-field-or-entity.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
2-
title: Add Custom Components to a field or entity | Microsoft Docs
3-
description: Process to import custom components
2+
title: Add code components to a field or entity | Microsoft Docs
3+
description: Process to import code components
44
keywords:
55
ms.author: nabuthuk
66
author: Nkrb
@@ -12,9 +12,9 @@ ms.tgt_pltfrm: ""
1212
ms.topic: "article"
1313
---
1414

15-
# Add custom components to a field or entity in model-driven apps
15+
# Add code components to a field or entity in model-driven apps
1616

17-
Custom components let you transform fields that traditionally contain text into visualizations. Similarly, you can use custom components to transform datasets, such as a view, to display in a more visual rendering rather than a list of records. Custom components can appear as visualizations on forms, dashboards, views, and homepage grids.
17+
code components let you transform fields that traditionally contain text into visualizations. Similarly, you can use code components to transform datasets, such as a view, to display in a more visual rendering rather than a list of records. code components can appear as visualizations on forms, dashboards, views, and homepage grids.
1818

1919

2020
> [!div class="mx-imgBorder"]

powerapps-docs/developer/component-framework/component-framework-for-canvas-apps.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: PowerApps component framework for canvas apps | Microsoft Docs
3-
description: Create custom components for canvas apps
3+
description: Create code components for canvas apps
44
keywords:
55
ms.author: nabuthuk
66
author: Nkrb
@@ -23,7 +23,7 @@ PowerApps component framework enables app makers to create code components to us
2323
In this experimental preview, PowerApps component framework enables app makers to create code components, debug, import and add them to canvas apps using the PowerApps CLI tooling. Only certain APIs are supported in this experimental preview. It is recommened to check each individual API whether it supports canvas apps or not.
2424

2525
> [!WARNING]
26-
> Custom components contain code that may not be generated by Microsoft and can potentially access security tokens and data. When adding custom components to an app, make sure that the custom component solutions are from trusted source.
26+
> Code components contain code that may not be generated by Microsoft and can potentially access security tokens and data. When adding code components to an app, make sure that the custom component solutions are from trusted source.
2727
2828
## Prerequisites
2929

@@ -34,7 +34,7 @@ In this experimental preview, PowerApps component framework enables app makers t
3434
3535
## Enable PowerApps component framework feature
3636

37-
To add custom components to an app, you need to be enable the PowerApps component framework feature in each environment where they are to be used. To enable an environment to use custom components inside its apps:
37+
To add code components to an app, you need to be enable the PowerApps component framework feature in each environment where they are to be used. To enable an environment to use code components inside its apps:
3838

3939
1. Sign in to [PowerApps](https://powerapps.microsoft.com/en-us/).
4040

@@ -50,25 +50,25 @@ To add custom components to an app, you need to be enable the PowerApps componen
5050

5151
5. From the list of available features, turn on the switch under the **PowerApps component framework for canvas apps**.
5252

53-
## Implementing custom components
53+
## Implementing code components
5454

55-
After you enable the PowerApps component framework feature in your environment, you can start implementing the logic for custom components. The [implement sample component](implementing-controls-using-typescript.md) topic demonstrates the step by step process to create code components right from implementing the custom logic, manifest file, debug process, and creating a solution zip file.
55+
After you enable the PowerApps component framework feature in your environment, you can start implementing the logic for code components. The [implement sample component](implementing-controls-using-typescript.md) topic demonstrates the step by step process to create code components right from implementing the custom logic, manifest file, debug process, and creating a solution zip file.
5656

5757
> [!NOTE]
58-
> Implementing custom components is same for both model-driven apps and canvas apps (experimental preview). The only difference is adding the custom components.
58+
> Implementing code components is same for both model-driven apps and canvas apps (experimental preview). The only difference is adding the code components.
5959
6060
## Add components to a canvas app
6161

62-
To add custom components to a canvas app:
62+
To add code components to a canvas app:
6363

6464
> [!NOTE]
65-
> To add custom components to a field or an entity for model-driven apps, see [Add custom components to model-driven apps](add-custom-controls-to-a-field-or-entity.md)
65+
> To add code components to a field or an entity for model-driven apps, see [Add code components to model-driven apps](add-custom-controls-to-a-field-or-entity.md)
6666
6767
1. Navigate to PowerApps Studio.
6868
2. Create a new canvas app or edit an existing app that you want to add the custom component to.
6969

7070
> [!IMPORTANT]
71-
> Make sure the custom components solution zip file is already [imported](https://docs.microsoft.com/en-us/powerapps/maker/common-data-service/import-update-export-solutions) into Common Data Service before you go onto the next step.
71+
> Make sure the code components solution zip file is already [imported](https://docs.microsoft.com/en-us/powerapps/maker/common-data-service/import-update-export-solutions) into Common Data Service before you go onto the next step.
7272
7373
3. Click on **Insert** > **Components** > **Import component**.
7474

powerapps-docs/developer/component-framework/control-implementation-library.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Component implementation library | Microsoft Docs
3-
description: Create custom components using JavaScript or TypeScript
3+
description: Create code components using JavaScript or TypeScript
44
keywords:
55
ms.author: nabuthuk
66
author: Nkrb
@@ -13,7 +13,7 @@ ms.topic: "article"
1313
ms.assetid: 5d100dc3-bd82-4b45-964c-d90eaebc0735
1414
---
1515

16-
Implementing the component library is one of the key step when you are developing custom components using PowerApps component framework. Developers can implement component library using TypeScript. Each custom component must have a library that includes the definition of a function which returns an object that implements the methods described in the custom component interface.
16+
Implementing the component library is one of the key step when you are developing code components using PowerApps component framework. Developers can implement component library using TypeScript. Each custom component must have a library that includes the definition of a function which returns an object that implements the methods described in the custom component interface.
1717

1818
The object implements the following methods:
1919

powerapps-docs/developer/component-framework/create-custom-controls-using-pcf.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Create and build a custom component| Microsoft Docs
33
description: Start creating a component using the PowerApps component framework Tooling
4-
keywords: PowerApps component framework, Custom components, Component Framework
4+
keywords: PowerApps component framework, code components, Component Framework
55
ms.author: nabuthuk
66
author: Nkrb
77
manager: kvivek
@@ -17,7 +17,7 @@ ms.assetid: d2cbf58a-9112-45c2-b823-2c07a310714c
1717

1818
[!INCLUDE[cc-beta-prerelease-disclaimer](../../includes/cc-beta-prerelease-disclaimer.md)]
1919

20-
This topic demonstrates how to create and deploy custom components using PowerApps component framework. Ensure that you have installed Microsoft PowerApps CLI
20+
This topic demonstrates how to create and deploy code components using PowerApps component framework. Ensure that you have installed Microsoft PowerApps CLI
2121

2222
## Create a new component
2323

@@ -76,9 +76,9 @@ To build the component project, open the project folder in Visual Studio Code an
7676

7777
### See also
7878

79-
[Debug custom components](debugging-custom-controls.md)<br/>
79+
[Debug code components](debugging-custom-controls.md)<br/>
8080
[Package a custom component](import-custom-controls.md)<br/>
81-
[Add custom components to a field or entity](add-custom-controls-to-a-field-or-entity.md)<br/>
82-
[Updating existing custom components](updating-existing-controls.md)<br/>
81+
[Add code components to a field or entity](add-custom-controls-to-a-field-or-entity.md)<br/>
82+
[Updating existing code components](updating-existing-controls.md)<br/>
8383
[PowerApps component framework API Reference](reference/index.md)<br/>
8484
[PowerApps component framework Overview](overview.md)

powerapps-docs/developer/component-framework/custom-controls-overview.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
2-
title: "What are custom components? | MicrosoftDocs"
3-
description: "Use the PowerApps component framework to create custom components to provide enhanced user experience for users to view and work with data in forms, views, and dashboards."
2+
title: "What are code components? | MicrosoftDocs"
3+
description: "Use the PowerApps component framework to create code components to provide enhanced user experience for users to view and work with data in forms, views, and dashboards."
44
manager: kvivek
55
ms.date: 09/05/2019
66
ms.service: "powerapps"
@@ -10,15 +10,15 @@ ms.author: "nabuthuk"
1010
author: Nkrb
1111
---
1212

13-
# What are custom components
13+
# What are code components
1414

1515
[!INCLUDE[cc-beta-prerelease-disclaimer](../../includes/cc-beta-prerelease-disclaimer.md)]
1616

17-
Custom components are a type of solution components, which means they can be included in a solution file and installed in different environments. More information: [Package and distribute extensions using solutions](https://docs.microsoft.com/dynamics365/customer-engagement/developer/package-distribute-extensions-use-solutions).
17+
code components are a type of solution components, which means they can be included in a solution file and installed in different environments. More information: [Package and distribute extensions using solutions](https://docs.microsoft.com/dynamics365/customer-engagement/developer/package-distribute-extensions-use-solutions).
1818

19-
You add custom components by including them in a solution and then importing it into Common Data Service. Once they are in Common Data Service, system administrator and system customizers can configure on fields, sub-grids, views, and dashboard sub-grids to use them in place of default component. You can also add these custom components in canvas apps.
19+
You add code components by including them in a solution and then importing it into Common Data Service. Once they are in Common Data Service, system administrator and system customizers can configure on fields, sub-grids, views, and dashboard sub-grids to use them in place of default component. You can also add these code components in canvas apps.
2020

21-
Custom components are comprised of three components:
21+
code components are comprised of three components:
2222

2323
1. [Manifest](#manifest)
2424
2. [Component implementation library](#component-implementation-library)
@@ -87,4 +87,4 @@ Each custom component should have a resource file to construct its visualization
8787

8888
### Related topics
8989

90-
[Create custom components](create-custom-controls-using-pcf.md)
90+
[Create code components](create-custom-controls-using-pcf.md)

powerapps-docs/developer/component-framework/debugging-custom-controls.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: "Debug Custom Components | MicrosoftDocs"
2+
title: "Debug code components | MicrosoftDocs"
33
description: "How to debug a custom component using Fiddler and Native debugging"
44
manager: kvivek
55
ms.date: 04/23/2019
@@ -9,7 +9,7 @@ ms.assetid: 18e88d702-3349-4022-a7d8-a9adf52cd34f
99
ms.author: "nabuthuk"
1010
author: Nkrb
1111
---
12-
# Debug custom components
12+
# Debug code components
1313

1414
Once you're done implementing the custom component logic, get started with testing and debugging the custom component using the `npm start` command. This builds the custom component and opens it in the local test harness.
1515

@@ -28,7 +28,7 @@ As shown in the image above, the browser window opens with 4 sections. The custo
2828
> [!NOTE]
2929
> If you want to modify the `manifest.xml` file or create additional properties, you need to restart the debug process before they appear in the inputs section.
3030
31-
## Test custom components with Mock data
31+
## Test code components with Mock data
3232

3333
- For field components, you can input value and type for every property defined in your **ControlManifest.Input.xml** as shown below
3434

@@ -60,7 +60,7 @@ The test harness supports the watch mode which you can take advantage of for Pow
6060
3. Imported libraries in `index.ts`
6161
4. All the resources listed in the manifest file.
6262

63-
## Debug custom components using native browsers
63+
## Debug code components using native browsers
6464

6565
You can use the browser’s debugging capabilities to observe the component behavior. Each browser provides you with a debugging tool to help you debug your code natively in the browser. Typically, you can activate debugging in your browser by pressing the **F12** key to display the native developer tool used for debugging.
6666

@@ -83,7 +83,7 @@ You can also interact with the component locally in real-time and observe elemen
8383
8484
## Fiddler AutoResponder
8585

86-
Use the Fiddler AutoResponder to debug your custom components quickly. Install [Fiddler](https://www.telerik.com/download/fiddler) and follow the steps to configure [AutoResponder](https://docs.microsoft.com/dynamics365/customer-engagement/developer/streamline-javascript-development-fiddler-autoresponder)
86+
Use the Fiddler AutoResponder to debug your code components quickly. Install [Fiddler](https://www.telerik.com/download/fiddler) and follow the steps to configure [AutoResponder](https://docs.microsoft.com/dynamics365/customer-engagement/developer/streamline-javascript-development-fiddler-autoresponder)
8787

8888
### Related topics
8989

powerapps-docs/developer/component-framework/get-powerapps-cli.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Get tooling for PowerApps component framework | Microsoft Docs
3-
description: "Get the Microsoft PowerApps CLI to create, debug and deploy custom components using PowerApps component framework."
4-
keywords: PowerApps component framework, Custom components, Component Framework
3+
description: "Get the Microsoft PowerApps CLI to create, debug and deploy code components using PowerApps component framework."
4+
keywords: PowerApps component framework, code components, Component Framework
55
ms.author: nabuthuk
66
author: Nkrb
77
manager: kvivek
@@ -17,11 +17,11 @@ ms.assetid: f393f227-7a88-4f25-9036-780b3bf14070
1717

1818
[!INCLUDE[cc-beta-prerelease-disclaimer](../../includes/cc-beta-prerelease-disclaimer.md)]
1919

20-
Use **Microsoft PowerApps CLI** (command-line interface) to create, debug, and deploy custom components using PowerApps component framework. PowerApps CLI enables developers to create PowerApps component framework components quickly and will in the future be expanded to include support for additional development and Application Lifecycle Management (ALM) experiences.
20+
Use **Microsoft PowerApps CLI** (command-line interface) to create, debug, and deploy code components using PowerApps component framework. PowerApps CLI enables developers to create PowerApps component framework components quickly and will in the future be expanded to include support for additional development and Application Lifecycle Management (ALM) experiences.
2121

2222
## What is Microsoft PowerApps CLI
2323

24-
Microsoft PowerApps CLI is a simple, single-stop developer command-line interface which enables the developers to create custom components. PowerApps CLI tooling is the first step towards a comprehensive ALM story where the enterprise developers and ISVs can create, build, debug, and publish their extensions and customizations quickly and efficiently.
24+
Microsoft PowerApps CLI is a simple, single-stop developer command-line interface which enables the developers to create code components. PowerApps CLI tooling is the first step towards a comprehensive ALM story where the enterprise developers and ISVs can create, build, debug, and publish their extensions and customizations quickly and efficiently.
2525

2626
> [!IMPORTANT]
2727
> - Microsoft PowerApps CLI tools are a pre-release version and may be different from the commercially released version.

powerapps-docs/developer/component-framework/implementing-controls-using-typescript.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
2-
title: "Implementing Custom Components using TypeScript | MicrosoftDocs"
3-
description: "How to implement a custom components using TypeScript"
2+
title: "Implementing code components using TypeScript | MicrosoftDocs"
3+
description: "How to implement a code components using TypeScript"
44
manager: kvivek
55
ms.date: 04/23/2019
66
ms.service: "powerapps"
@@ -257,13 +257,13 @@ The linear input component’s `init` method creates an input element and sets t
257257

258258
## Debugging your custom component
259259

260-
Once you are done implementing your custom component logic, run the following command to start the debugging process. More information: [Debugging custom components](debugging-custom-controls.md)
260+
Once you are done implementing your custom component logic, run the following command to start the debugging process. More information: [Debugging code components](debugging-custom-controls.md)
261261

262262
```CLI
263263
npm start
264264
```
265265

266-
## Packaging your custom components
266+
## Packaging your code components
267267

268268
Follow the steps below to create and import a [solution](https://docs.microsoft.com/dynamics365/customer-engagement/customize/solutions-overview) file:
269269

@@ -304,13 +304,13 @@ Follow the steps below to create and import a [solution](https://docs.microsoft.
304304
6. The generated solution zip file is located in `Solution\\bin\debug\`.
305305
7. You should manually [import the solution into Common Data Service](https://docs.microsoft.com/dynamics365/customer-engagement/customize/import-update-export-solutions) using the web portal once the zip file is ready or see [Authenticating to your organization](import-custom-controls.md#authenticating-to-your-organization) and [Deployment](import-custom-controls.md#deploying-custom-components) sections to import using PowerApps CLI commands.
306306

307-
## Adding custom components in model-driven apps
307+
## Adding code components in model-driven apps
308308

309309
To add a custom component like a linear input component, follow the steps mentioned in the topic [Add components to fields and entities](add-custom-controls-to-a-field-or-entity.md).
310310

311-
## Adding custom components to a canvas app
311+
## Adding code components to a canvas app
312312

313-
To add the custom components to a canvas app, follow the steps mentioned in this topic [Add custom components to a canvas app](component-framework-for-canvas-apps.md#add-components-to-a-canvas-app)
313+
To add the code components to a canvas app, follow the steps mentioned in this topic [Add code components to a canvas app](component-framework-for-canvas-apps.md#add-components-to-a-canvas-app)
314314

315315
### See also
316316

0 commit comments

Comments
 (0)