IDE RULEFree BlueprintLicense: MIT
Copilot Instruction: Pcf Model Driven Apps
Copilot Instruction: Pcf Model Driven Apps is a verified IDE_RULE blueprint on Promptally in Cross-Agent Directives optimized for leading AI models. Copilot_Instruction specification for Copilot Instruction: Pcf Model Driven Apps. Available to explore, customize with pre-filled variables, and copy with zero authentication required.
Created by @promptallyTechnical Specifications
| Specification | Value |
|---|---|
| Artifact type | IDE RULE (Cross-Agent Directives) |
| Compatible engines | Universal / Model Agnostic |
| Input variables | None (pre-filled) |
| Approximate tokens | 707 |
| Source file | AGENTS.md |
| Access tier | Free public (MIT) |
Pre-Filled Template
AGENTS.md
---
description: 'Code components for model-driven apps implementation and configuration'
applyTo: '**/*.{ts,tsx,js,json,xml,pcfproj,csproj}'
---
# 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 components to model-driven apps using [Microsoft Power Platform CLI](https://learn.microsoft.com/en-us/power-apps/developer/component-framework/get-powerapps-cli).
## Component Usage
You can add code components to:
- Columns
- Grids
- 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](https://learn.microsoft.com/en-us/power-apps/developer/component-framework/component-framework-for-canvas-apps) 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](https://learn.microsoft.com/en-us/power-apps/developer/component-framework/create-custom-controls-using-pcf#prerequisites) that are required to develop components using Power Apps component framework.
The [create your first code component](https://learn.microsoft.com/en-us/power-apps/developer/component-framework/implementing-controls-using-typescript) article demonstrates the step-by-step process to create code components.
## Add Code Components to Model-Driven Apps
To add code components to a column or a table in model-driven apps, see [Add code components to model-driven apps](https://learn.microsoft.com/en-us/power-apps/developer/component-framework/add-custom-controls-to-a-field-or-entity).
### Examples
**Linear Slider Control:**
**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 property in the manifest file.
**Best Practice**: It is recommended to always bump the version of the component whenever you make changes.
## See Also
- [Power Apps component framework overview](https://learn.microsoft.com/en-us/power-apps/developer/component-framework/overview)
- [Create your first code component](https://learn.microsoft.com/en-us/power-apps/developer/component-framework/implementing-controls-using-typescript)
- [Learn Power Apps component framework](https://learn.microsoft.com/en-us/training/paths/use-power-apps-component-framework)
How to use this ide rule
- Review the pre-filled example and source files above.
- Copy the template or download
AGENTS.md, then use it in your model, IDE, or workflow tool. - Compare your result with the sample output when one is provided.
Frequently Asked Questions
How do I use Copilot Instruction: Pcf Model Driven Apps?
Open the ide rule on Promptally, review the pre-filled example, then copy the template or download AGENTS.md and paste it into your model, IDE or workflow tool. Copilot Instruction: Pcf Model Driven Apps is a static blueprint with no dynamic variables. Copy it and use it as-is.
Is Copilot Instruction: Pcf Model Driven Apps free?
Yes. Copilot Instruction: Pcf Model Driven Apps is free to view, copy and download on Promptally without creating an account. It is published under the MIT license.
What variables does Copilot Instruction: Pcf Model Driven Apps need?
Copilot Instruction: Pcf Model Driven Apps is a static blueprint with no dynamic variables. Copy it and use it as-is.