How to Use Components in Canvas Apps for Reusable UI

Hello Guys,

In our previous blog, we discussed about how to open canvas app using external website control. Today, we will see how to create component for canvas app.



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.

So first of all we will be creating a canvas app as shown below:



Now we will be creating a component. Click on Components and click on New component.



So we have created a new component named cmpHeader.



Now we will be using this componet in our main app. Click on Insert and search for cmpHeader.



As you can see, we are able to use component in main scree. 



In our upcoming blogs we will learn more about component.

Hope it helps...

Comments

Post a Comment

Popular posts from this blog

Creating Custom API in D365.

Image
Hello Guys, In our previous blog  we have seen how to retrieve and use GUID of logged in user in canvas application. Today we are going to create custom API which is nothing but the custom action in old version of the CRM. But before d o 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. Custom API is a new way of creating Custom Action messages in D365. We were used to create a custom action for custom messages in previous version of the CRM for many years. Below image shows the example of custom action. But now Microsoft has introduced an extension for Custom Action called Custom API  which has more controls like creating Private Custom API which means API can be used by owner of the API or by users with whom API is shared. We can create Custom API as web method which means we can use GET and POST method to use this API. Custom API does not require us to create custom messages which w...
Read more

JavaScript in Power Platform – Frequently Asked Interview Questions.

Image
Hello Guys, In our previous blog , we discussed some useful tips to prepare for interviews on Business Rules. Today, we will look at some important JavaScript tips and interview questions related to Dynamics 365 CRM. 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. The client API object model for model driven apps provides you objects and methods that you can use to apply custom business logic in model driven app using JavaScript. These includes: Gets or sets attribute value. Show and hide user interface elements. Reference multiple controls per attribute. Access multiple forms per entity. Manipulate form navigation items. Interact with the business process flow control. Let's see what questions can be asked by interviewers. 1. How do we start using JavaScript in Dynamics 365 CRM? The First Step to Use JavaScript in Dynamics 365 CRM (Dataverse) JavaScript cannot run directly in Dy...
Read more

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 -...
Read more