Creating PCF control for validating input in D365.

Hello Guys,

In our previous blog we have seen how we can create solution package and how to use this solution in D365 CRM. Today we will create one PCF control which will validate the input provided by the user.



Do follow us to know more about Dynamics and Power Platform. Also if you like our blog then please comment and share this blog with your friends.

Consider below scenario where we have Student Table.



Here we have various columns like First Name, Last Name etc. As you can see First Name is mandatory field whereas Last Name is not mandatory field. We will be creating a PCF control which will display a message if Last Name field is blank.  

As we have two folders named control and solution created for PCF controls in our previous blogs. Create a folder named PCFInputText folder in control folder and PCFInputTextSolution folder in solution folder.

Open CMD and navigate to PCFInputText folder and run below command for creating PCF control.

pac pcf init --namespace InputText --name PCFInputText --template field

This will create PCF project. Open the project using Visual Code. Replace the code in ControlManifest.Input.xml file as shown below:



Here we have created one property named LastName which is of type SingleLine.Text and usage is bound which means this will be the first property which will be bound to CRM field which will be using this control. Keep in mind that there should be at least one property of usage as bound in ControlManifest.Input.xml file.

Now open Index.ts file and and declare global variable as shown below:



Here in above code we have two variable named txtLastName and lblErrorMsg. txtLastName is used for getting the input from the CRM field and lblErrorMsg is used for displaying the text if Last Name field is blank.

Now in init method type below code:



Here in above code we have created two html control of type input and label which will be associated to txtLastName and lblErrorMsg. Also we have added one event listener to txtLastName field which will trigger whenever user will type input in txtLastName. NotifyOutputChanged is used for notifying the framework whenever txtLastName is having a new value.

Now modify rest of the methods as shown below:



Here in above code we have UpdateView method which is used for updating the value from CRM field to the txtLastName html field. GetOutput method is used to send the value back to the CRM field. And OnChange method is used for implementing the validation.

So our control is ready to build and run. Run below command

npm run build

Now navigate to PCFInputTextSolution folder and we will be creating managed solution for CRM import so that we can use this component. Run below command.



This will created required files in solution folder.

Run Below command for adding reference to control folder.



Now run below command to build the solution.



Now run below command for creating managed solution.



This will create managed solution as shown below: 



Now we will be using this control. Import this solution and customize the Student form and add control for Last Name column.



Now save the changes and publish the form and create a new Student record.



As you can see if we don't provide value in Last Name field, it will display message.

Hope it helps...

Comments

Post a Comment

Popular posts from this blog

Read Only Sub Grid & Editable Sub grid in Dynamics 365

Image
Hello Guys, In my previous blogs we have seen Duplicate Detection in Dynamics 365 where we covered how you can use OOB feature of D365 to detect duplicate records. Today we will see how we can implement editable sub grid.  But before if you are new to our blog then do follow us to know more about Dynamics and Power Platform. Also if you like our blog then please comment and share this blog with your friends. In Dynamics CRM we have seen many entities sharing parent child relationships and we can create records of child from the parent page. For example Account and Contact Entity. We can create a new contact entity from the Account Form with the help of Sub Grid control. We can also create sub grid for custom entity and can utilize it in our own way. We will be using Department and Employee Entity for demonstration. Below are the steps: Step 1:- Login to Dynamics 365 with credentials. Step 2:- Click on Advance Settings Gear icon. Navigate to Settings -> Solution -> open the soluti
Read more

Understanding Sales Process in D365.

Image
Hello Guys, In our previous blog we have seen what is Lead and types of leads. Today we are going to understand Sales Process. Do follow us to know more about Dynamics and Power Platform. Also if you like our blog then please comment and share this blog with your friends. Sales Life cycle begins with Lead. Business captures leads through advertising, marketing, trade shows, mailings etc. Whenever organization gets any new lead, Sales Person captures the information of the lead in Lead entity available in Dynamics 365. For creating lead we require only two things, Lead Name and a Topic describing the lead. Once lead creation is completed, Sales Person performs follow up activities by sending emails, appointment and phone calls to collect more information about the lead. Microsoft Dynamics 365 stores these activities in the Activities entity in the system. Leads can be qualified or disqualified. A disqualified lead indicates that the lead is not a good candidate for sales opportunities.
Read more

Understanding Business Unit in Dynamics 365.

Image
Hello Guys, Today we will understand what is Business Unit and how to create Business Unit in D365. Do follow us to know more about Dynamics and Power Platform. Also if you like our blog then please comment and share this blog with your friends. Consider a scenario where you are having more Customers, Leads and Opportunities and you are not able to handle them alone. So as you want to grow more in your business you need to take care of such things too. For handling this you need to create Users, Teams and Business Unit. In our upcoming blogs we will discuss about users and teams too. Business Units are the foundation of the Security Structure in Microsoft Dynamics 365. When you create an organization in CRM, Dynamics automatically creates a root business unit for you. This BU is nothing but your organization and it can not be deleted or disabled except you can change the name of the BU. Once you have root BU, you can create other BU, Teams and Security Roles for identifying your busine
Read more