GrapesJS Editor - A PCF control for creating HTML content

Hello there,

My Second PCF Control which is based on ideas from PCF Gallery, please meet GrapesJS CMS Editor a PCF control to create HTML content for multi-line text fields.

Possible use case that i could think of would be to create a New letter from CRM and send it via Email.

Please Refer below Image on how to add the custom control into your form

Sample Email Editor Screen is as below

Sample Email Received:

Source Code can be found here, CRM Solution can be found here

Users can add flip switch control and PBL to showhide default and custom PCF as required in Modal Drivern Apps. That way both email editors can be used as needed.

Guides for Power Apps Components Framework which helped me out are below

1. Microsoft Docs
2. PCF Gallery

Please add issues directly to GitHub to help track and fix

My First PCF Control - Activity analyzer (using Chartjs)

After a little deepdive and with help of PCF Gallery I was able to create my First PCF control, meet Activity Analyzer a humble PCF Control which shows activity subgrid in doughnut chart. 

With limitless possibilities with PCF control this humble can be grown into hulk. 

For all the fellow Dynamics CRM developers, PCF would be easy to pickup if you have worked on HTML, JS based webresources. Initial trouble i had is with TypeScript which is new to me but was similar to Javascript.

Please Refer below Image on how to add the custom control into your form

Parameters for the Control are as below

1. View Used : Current View to which the control is added
2. Activity Names: Names of the activities to be displayed in Chart
3. Activity Color: Color code for the activities mentioned in param 2.
4. Chart Type: type of the chart to be displayed (e.g.: pie, bar, doughnut, etc)
5. Chart Title: Title of the Chart to be displayed.

Source Code can be found here, CRM Solution can be found here

Guides for Power Apps Components Framework which helped me out are below

1. Microsoft Docs
2. PCF Gallery