Live publish

Author: buck1ey

powerapps-docs/developer/component-framework/code-components-model-driven-apps.md

@@ -0,0 +1,46 @@
+---
+title: Code components for model-driven apps  | Microsoft Docs
+description: Create code components for canvas apps
+keywords:
+ms.author: nabuthuk
+author: Nkrb
+manager: kvivek
+ms.date: 02/24/2020
+ms.service: "powerapps"
+ms.suite: ""
+ms.tgt_pltfrm: ""
+ms.topic: "article"
+ms.assetid: 5d100dc3-bd82-4b45-964c-d90eaebc0735
+---
+
+# Code components for model-driven apps
+
+Power Apps component framework gives developers the ability to extend the visualizations in model-driven apps. Professional developers can create, debug, import, and add code componments to model-driven apps using [Power Apps CLI](get-powerapps-cli.md). You can add code components to fields, grids and sub grids in model-driven apps. 
+
+> [!IMPORTANT]
+> Power Apps component framework is enabled for model-driven apps by default. See [Code components for canvas apps](component-framework-for-canvas-apps.md) to learn how to enable Power Apps component framework for canvas apps.
+
+## Implementing code components
+
+Before you start creating code components, make sure that you have installed all the prerequisites that are required to develop components using Power Apps component framework. 
+
+The [create your first code component](implementing-controls-using-typescript.md) topic demonstrates the step-by-step process to create code components.
+
+## Add code components to model-driven apps
+
+To add code components to a field or an entity in model-driven apps, see [Add code components to model-driven apps](add-custom-controls-to-a-field-or-entity.md).
+
+> [!div class="mx-imgBorder"] 
+> ![Add linear slider control](../../maker/model-driven-apps/media/add-slider.PNG "Add linear slider control")
+
+> [!div class="mx-imgBorder"]
+> ![Data Set Grid component](media/add-dataset-component.png "Data Set Grid component")
+
+## Update existing code components
+
+Whenever you update the code components and want to see the changes in runtime, you need to bump the version attribute in the manifest file. It is recommended to always bump the version of the component whenever you make changes.
+
+## See also
+
+[Power Apps component framework overview](overview.md)<br/>
+[Create your first code component](implementing-controls-using-typescript.md)

powerapps-docs/developer/component-framework/community-resources.md

@@ -31,21 +31,6 @@ Make sure that you review the licensing terms and the source code before you dow
 > [!div class="mx-imgBorder"]
 > ![Component gallery](media/pcf-gallery.PNG "Components gallery")
 
-## Blogs
-
-The following is the list of blogs created by Power Apps community.
-
-- [Add style to code component in Power Apps component framework](https://nishantrana.me/2019/06/06/how-to-add-style-to-custom-component-in-powerapps-component-framework/)
-- [Beyond the Power Apps component framework](https://www.itaintboring.com/dynamics-crm/beyond-the-powerapps-component-framework)
-- [Beyond the citizen developer: Why pros see promise in Microsoft's Power Apps component framework](https://msdynamicsworld.com/story/beyond-citizen-developer-why-pros-see-promise-microsofts-powerapps-component-framework)
-- [Create code components](https://debajmecrm.com/2019/04/26/in-depth-end-end-walkthrough-develop-your-custom-controls-using-power-apps-component-framework-and-use-it-on-your-crm-interface/)
-- [Editing the DOM with supported code components](https://www.magnetismsolutions.com/blog/adammurchison/2019/05/29/editing-the-dom-with-supported-dynamics-365-custom-controls)
-- [How to configure Node.js and Typescript into your environment](https://capuanodanilo.com/2019/06/11/how-to-configure-node-js-and-typescript-into-your-environment-to-develop-powerapps-component-frameworks-pcf)
-- [Localization of code components](https://dynamicsninja.blog/2020/01/21/pcf-localization)
-- [Power Apps component framework – Frosting on the Cake](https://stevemordue.com/powerapps-component-framework-frosting-on-the-cake/)
-- [Public availability of Power Apps component framework – An important milestone](https://crmindian.com/2019/04/24/public-availability-of-powerapps-component-framework-an-important-milestone-for-powerapps-and-d365/)
-- [Work with code components using Power Apps component framework](https://powermaverick.dev/2019/05/18/create-custom-controls-using-powerapp-component-framework)
-
 ## Videos
 
 The following is the list of videos created by Power Apps community.
@@ -65,7 +50,22 @@ The following is the list of videos created by Power Apps community.
 |[Power Apps component framework Academy: Using React and Office UI fabric](https://www.youtube.com/watch?v=e7JNgGlI3nE)| Learn how to use React and UI fabric in code components.|
 |[Power Apps component framework Academy: Usage of additional frameworks](https://www.youtube.com/watch?v=cOPyyDdsEjQ)| Learn how to use additional frameworks in building code components.|
 [Power Apps component framework Academy: Working with manifest file](https://www.youtube.com/watch?v=qbSpDVTxt7U&t=5s)| Introductory video on manifest file and various methods that need to be defined for developing code components in the manifest file.|
+|[Power Apps component framework: What it is for Dynamics 365](https://youtu.be/3LnPaKtfKhw)|If you have ever lamented over the limitations of custom form components in Microsoft Dynamics 365, this tutorial will open your eyes to a whole new world of possibilities.|
 
+## Blogs
+
+The following is the list of blogs created by Power Apps community.
+
+- [Add style to code component in Power Apps component framework](https://nishantrana.me/2019/06/06/how-to-add-style-to-custom-component-in-powerapps-component-framework/)
+- [Beyond the Power Apps component framework](https://www.itaintboring.com/dynamics-crm/beyond-the-powerapps-component-framework)
+- [Beyond the citizen developer: Why pros see promise in Microsoft's Power Apps component framework](https://msdynamicsworld.com/story/beyond-citizen-developer-why-pros-see-promise-microsofts-powerapps-component-framework)
+- [Create code components](https://debajmecrm.com/2019/04/26/in-depth-end-end-walkthrough-develop-your-custom-controls-using-power-apps-component-framework-and-use-it-on-your-crm-interface/)
+- [Editing the DOM with supported code components](https://www.magnetismsolutions.com/blog/adammurchison/2019/05/29/editing-the-dom-with-supported-dynamics-365-custom-controls)
+- [How to configure Node.js and Typescript into your environment](https://capuanodanilo.com/2019/06/11/how-to-configure-node-js-and-typescript-into-your-environment-to-develop-powerapps-component-frameworks-pcf)
+- [Localization of code components](https://dynamicsninja.blog/2020/01/21/pcf-localization)
+- [Power Apps component framework – Frosting on the Cake](https://stevemordue.com/powerapps-component-framework-frosting-on-the-cake/)
+- [Public availability of Power Apps component framework – An important milestone](https://crmindian.com/2019/04/24/public-availability-of-powerapps-component-framework-an-important-milestone-for-powerapps-and-d365/)
+- [Work with code components using Power Apps component framework](https://powermaverick.dev/2019/05/18/create-custom-controls-using-powerapp-component-framework)
 
 ## Tools
 

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

@@ -29,9 +29,6 @@ In this experimental preview, Power Apps component framework enables app makers
 
 System Administrator privileges are required to enable the Power Apps component feature in the environment.
 
-> [!IMPORTANT]
-> By default, Power Apps component framework is enabled for model-driven apps.
-
 ## Enable Power Apps component framework feature
 
 To add code components to an app, you need to enable the Power Apps component framework feature in each environment where you want to use them. To enable an environment to use code components inside its apps:
@@ -62,14 +59,8 @@ After you enable the Power Apps component framework feature in your environment,
 
  The [Create your first code component](implementing-controls-using-typescript.md) topic demonstrates the step-by-step process to create code components.
 
-> [!NOTE]
-> Implementing code components is the same for both model-driven apps and canvas apps (experimental preview). The only difference is adding the code components. 
-
 ## Add components to a canvas app
 
-> [!NOTE]
-> 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)
-
 To add code components to a canvas app:
 
 1. Navigate to Power Apps Studio.

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

@@ -14,14 +14,20 @@ author: Nkrb
 
 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).
 
-You add code components by including them in a solution and then import it into Common Data Service. Once the components are in Common Data Service, system administrators and system customizers can configure fields, subgrids, views, and dashboard subgrids to use in place of default components. You can also add these code components in canvas apps. 
+> [!div class="mx-imgBorder"] 
+> ![Code components](media/code-components.gif "Code components")
+
+You add code components by including them in a solution and then import it into Common Data Service. Once the components are in Common Data Service, system administrators and system customizers can configure fields, subgrids, views, and dashboard subgrids to use in place of default components. You can add these code components to both **model-driven and canvas apps**. 
 
 Code components consist of three elements:
 
 - [Manifest](#manifest)
 - [Component implementation](#component-implementation)
 - [Resources](#resources)
 
+> [!NOTE]
+> The definition and implementation of code components using Power Apps component framework is same for both model-driven and canvas apps. The only difference between both is the configuration part. 
+
 ## Manifest
 
 Manifest is the metadata file that defines a component. It is an XML document that describes:

powerapps-docs/developer/component-framework/media/add-dataset-component.png

@@ -3,9 +3,13 @@
   - name: Overview
     href: overview.md
   - name: What are code components
-    href: custom-controls-overview.md
-  - name: Code components for canvas apps
-    href: component-framework-for-canvas-apps.md
+    items:
+    - name: Overview
+      href: custom-controls-overview.md
+    - name: Code components for model-driven apps
+      href: code-components-model-driven-apps.md
+    - name: Code components for canvas apps
+      href: component-framework-for-canvas-apps.md
   - name: Get Power Apps CLI
     href: get-powerapps-cli.md
   - name: Tutorial
@@ -342,7 +346,13 @@
         href: manifest-schema-reference/feature-usage.md
       - name: uses-feature
         href: manifest-schema-reference/uses-feature.md
-  - name: Community resources
-    href: community-resources.md
+  - name: Resources
+    items:
+    - name: Community resources
+      href: community-resources.md
+    - name: Community forum
+      href: https://aka.ms/PCFForum
+    - name: Feature ideas
+      href: https://aka.ms/PCFIdea
   - name: Share your feedback
     href: share-your-feedback-for-pcf.md