The Syncfusion PowerApps Code Components library provides a modern, efficient, and user-friendly suite of components tailored for PowerApps. Built on the PowerApps Component Framework (PCF), these components seamlessly integrate with Canvas apps, Model-driven apps, and Power Pages (Portals). It offers a rich set of features and functionalities that are essential for any business application, ensuring a streamlined development experience.
The repository is organized into the following folders:
| Folders | Description |
|---|---|
components |
Contains the Syncfusion code components. |
docs |
Contains the documentation for Syncfusion code components. |
SyncfusionPowerAppsComponents |
Contains the generated solution project and solution file with all Syncfusion code components in the components folder (Available after running the npm run pack command). |
The Syncfusion PowerApps Code components library includes the following components, which can be used in supported PowerApps applications:
| Code component | Supported Apps |
|---|---|
Grid Preview |
✅ Local (TestHarness) ✅ Canvas ✅ Model-Driven (Form) ✅ Model-Driven (Custom Pages) ⬜ PowerPages (Portals) |
Chart Preview |
✅ Local (TestHarness) ✅ Canvas ✅ Model-Driven (Form) ✅ Model-Driven (Custom Pages) ✅ PowerPages (Portals) |
Schedule Preview |
✅ Local (TestHarness) ✅ Canvas ✅ Model-Driven (Form) ✅ Model-Driven (Custom Pages) ✅ PowerPages (Portals) |
PdfViewer Preview |
✅ Local (TestHarness) ✅ Canvas ✅ Model-Driven (Form) ✅ Model-Driven (Custom Pages) ⬜ PowerPages (Portals) |
PivotView Preview |
✅ Local (TestHarness) ✅ Canvas ✅ Model-Driven (Form) ✅ Model-Driven (Custom Pages) ✅ PowerPages (Portals) |
Anticipate future updates to the component list. *
Before starting with the Syncfusion PowerApps Code Components library, ensure the following prerequisites are installed:
- node.js (>= v18.20.4) (LTS version is recommended)
- .NET 6.x SDK
- Microsoft Power Platform CLI
- System requirements for Syncfusion React components
Clone the Syncfusion PowerApps components repository to your local machine.
To generate a solution project and bundle all Synfusion code components to create a solution package, follow these steps:
- Open your command prompt and navigate to the root folder of this project.
Important
To avoid build failures, ensure that the entire folder path does not contain spaces. For example, instead of a path like C:\Projects\My Project, use C:\Projects\MyProject or C:\Projects\My_Project.
- Execute the following commands to install dependencies
npm install- Place the Syncfusion license key in the
syncfusion-license.txtfile located in the project's root folder for registration.
Note
A license banner will be visible if the application is run without a Syncfusion license key. To obtain your Syncfusion license key, visit the Get license key page.
- Execute the following command to create & pack the solution package:
npm run packThe resulting package will be created at SyncfusionPowerAppsComponents/bin/Debug/SyncfusionPowerAppsComponents.zip, containing all Syncfusion code component.
To deploy the solution package in the PowerApps portal, follow these steps:
-
Before proceeding, verify that the file size limit for email attachments in PowerApps is greater than the size of your solution bundle. For detailed instructions, refer to the FAQ section.
-
Update the
Environmentproperty in config with PowerApps solution importing environment name from PowerApps portal.
- Execute the following command to deploy the solution package in the PowerApps portal in root folder:
npm run deployNote
If you face any difficulties during the automatic importing process, please check the FAQ page for help. For instructions on manually deploying the solution package in the PowerApps portal, visit the manual deployment page.
- After the successful execution of the command, the solution package will be deployed in the PowerApps portal under the specified environment in config as shown below in the opened PowerApps solution page:
After successfully deploying the solution package, integrate Syncfusion code components into your PowerApps applications. Refer to the Component List and their accompanying guides for compatible applications.
For instance, for utilizing the Grid code component within a PowerApps Canvas application, refer to the Canvas guide for detailed instructions.
To update and test the Syncfusion code components on your local machine, refer to the documentation for setting up Local (TestHarness) in the respective code components getting started guides listed in the Component List.
For instance, to test the Grid code component, you can visit the Local (TestHarness) documentation and follow the instructions provided.
- We are excited to announce that the following components will be included soon:
- Document Editor
- File Manager
- Gantt Chart
- Kanban
- Rich Text Editor
- Spreadsheet
- TreeGrid
- We welcome your suggestions and improvements! Please share your feedback with us through Github Discussions.
- For any other queries, reach our Syncfusion support team or post the queries through the Community forums and submit a feature request or a bug through our Feedback portal.
- To renew the subscription, click renew or contact our sales team at salessupport@syncfusion.com | Toll Free: 1-888-9 DOTNET.
Syncfusion React Components is available under the Syncfusion Essential Studio program, and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
To be qualified for the Syncfusion Community License Program, you must have gross revenue of less than one (1) million U.S. dollars (USD 1,000,000.00) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions.
Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
You may not use this product without first purchasing a Community License or a Commercial License, as well as agreeing to and complying with Syncfusion's license terms and conditions.
The Syncfusion license that contains the terms and conditions can be found at https://www.syncfusion.com/content/downloads/syncfusion_license.pdf
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.
Today we provide 1,800+ controls and frameworks for web (ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Blazor, mobile (Xamarin, Flutter, UWP, and JavaScript), and desktop development (WinForms, WPF, and UWP and WinUI)). We provide ready-to deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.