Posts

Showing posts from 2020

Move from using Xrm.Page to formContex in UCI form based PowerApps WebResources

Image
The usage of Xrm.Page is currently deprecated, still available due to it’s high usage, but still deprecated. When will it go away, we don’t really know yet. How then can we use it’s formContext replacement within a web resource. Well Microsoft recently added a the getContentWindow() function to the context which allows us to get the actual content of a web resource. By adding an onload function to our form and utilizing getContentWindow() we can now call javascript on our web resource and pass it the formContext. Additionally you can add the context to the window object of the web resource so that the formContext can be used throughout the lifecycle of the web resource.Here is a quick tutorial on how to pass the formContext to a WebResource on a UCI Form.
formContext in WebResource
Form OnLoad Code// This should be in a script loaded on the form. // form_onload is a handler for the form onload event. function form_onload(executionContext) { var formContext = executionContext.get…

Sparse Checkout with Git To Reduce Confusion

Image
If you would like to make updates to the Xrm types or any others in the DefinitelyTyped project on github you can find that cloning all the types can be a real pain. This is because a typical git clone will bring down everything and having over 6 thousand directories in this project can make thigns a bit slow. Startign with Git version 2.25.0 a new feature was introduces called sparse-checkout. This feature can be used to limit what is brough down in your git requests much like a .gitignore file, in fact it even uses the same filtering formats. The benefit of using this new feature is that you don’t need to update the .gitignore file which would be tracked in the changes. Instead these options are stored in your repo settings locally and will not show up as changes to your files.Let’s take a look!Here is my types directory in DefinitelyTyped clone. You can see that there are a lot of types, over 6K in fact. Righ now every time you do a pull it can take a little while because of …

Multilingual Support For PCF Calendar Control

Image
Multilingual support has been added to the Calendar component I recently shared. This works in both Canvas and Model apps.The following languages are now supported.English (default)GermanFrenchSpanishItalianDutchRussianClick Here to download the latest release of the component.
Click Here to get the source code for this component.Check out these videos on how to get the control working in a multilingual setup.
Canvas Apps Multilingual Setup

Model Apps Multilingual Setup

Gotchas for PCF Code Components in Canvas Apps

Image
PCF Code Components allow developers to create their own custom interfaces utilizing Typescript and/or React. To learn more about the PCF Component Framework check out this article. Building these controls has been great in Model app but only recently could we also start re-using them in our Canvas apps.If you want to learn more about how to add your PCF Code component to a Canvas App check out this article from Microsoft.Now that these controls can be utilized within Canvas Apps there are a few things to watch out for. Some of these are bugs that should be fixed when this all comes out of Preview and into General Availability.ControlManifest.Input.xmlThe ControlManifest.Input.xml file is where you define your component information and all the properties associated with it. Below are some gotcha that will cause you errors when attempting to deploy your component into a Canvas app.Be Careful of XML Escape CharactersWhen defining your component it’s important to add descriptions to e…

PowerApps Calendar Control

Image
This calendar control was built off of React Big Calendar. The calendar can be used to display events with or without related resources.This control has been designed to work in both Canvas and Model apps. Because of the differences in those types of applications there are some differences in how you utilize them in each app.CanvasIf you want to utilize resources in Canvas you will need to use a collection as the data source. If just showing events with no resources a simple CDS dataset can be used.There are output parameters that are defined in the app which will pass back data when an item is clicked on, an empty time span is selected, or the calendar range has been updated. These output parameters will allow you to create your own functionality in the Canvas app for updated or creating records.ModelClicking on and event will open the record for editing.Clicking on an empty timespan will open a new record form, and will pass in the start, end, and resource field data.Lear More Here…

Bing Maps PCF Control

Image
Bing Maps PCF ControlOverviewThis PCF control allows you to display information for a view that contains latitude and longitude information within Bing Maps. The Info Box for each pushpin that is created on the map also gives you the ability to open the selected record.Additional FeaturesMap will default to a bounding box defined by the location data being shown.Will work with dataset that are 5k+ in size.Installation UsageAfter you install the solution into your system create a new view and add the custom control to the view. Ensure you add the required fields to the view and any filter you want. After you create the view Publish the customizations and navigate to the new view. The video below provides additional details.DownloadThe latest release is always available here.

Utilize Customized npm Package from GitHub Branch

Image
Utilize Customized npm Package from GitHub BranchWhen working with npm libraries there are times you find bugs or want to add functionality to a library. You could just modify the files locally and run the application but this gets tricky when you go to deploy an application and it does an npm install which doesn’t include your changes.If the project is out there on GitHub there is a better way.Fork the project on Github to your account.Create a new branch from your fork.Fix the bug or add the functionality you want.Uninstall the original npm package by opening a terminal within the directory of your project and running the following command.npm uninstall <package-name>Example
npm uninstall node-simple-odata-serverInstall the npm package from your Forked branch using the following command from a terminal within your project directory.npm install --save <your-github-user>/<repository-name>#<branch-name>Example
npm install --save rwilson504/node-simple-odata-serve…

Azure Maps PCF Control

Image
Azure Maps PCF ControlOverviewThis PCF control allows you to display information for a view that contains latitude and longitude information within Azure Maps. The Popup Box for each point that is created on the map also gives you the ability to open the selected record.Additional FeaturesUtilizes a central configuration entity for authentication which means not having to update multiple controls if authentication changes.Map will default to a bounding box defined by the location data being shown.Will work with dataset that are 5k+ in size.DownloadThe latest release is always available here.

Custom Grid/Subgrid Using Office-UI-Fabric DetailsList

Image
Custom PCF Grid/Subgrid Using Office-UI-Fabric DetailsListAllows you to simulate the out of the box Grid and Subgrid controls using the Office-UI-Fabric DetailsList control. It was built to provide a springboard when you need a customizable grid experience. This component re-creates a mojority of the capabilities available out of the box in less than 300 lines of code and demonstrates the following:Using the DataSet within a React functional component.Displaying and sorting data within the Office-UI-Fabric DetailsList component.Rendering custom formats for data with the DetailsList component such as links for Entity References, email addresses, and phone numbers.Displaying field data for related entities.React Hooks - the component uses both useState and useEffect.Loading more than 5k records in DataSet.Retaining the use of the standard ribbon buttons by using the setSelectedRecordIds function on the DataSet.Detecting and responding to control width updates.

Use Dynamics WebAPI to get Record Count

Use Dynamics WebAPI to get Record CountWhen working in an environment where tools like XrmToolbox are not available or allowed getting a total record count can be a real pain sometimes. One way of doing it just using the browser involves using the Dynamics WebAPI. This came in handy last time we were doing a data load on our production system and wanted to see the status of how many records had been imported.Small Data Set ( < 5k)If you are trying to get the count for 5,000 or less records. you can do a simple count on the data.Format/api/data/v9.0/<Entity Set Name>/?$count=trueExample/api/data/v9.0/contacts/?$count=trueData Returned{"@odata.context":"https://org.crm.dynamics.com/api/data/v9.0/$metadata#contacts","@odata.count":3,"value":Large Data Set ( > 5k & < 50k)If your record set will have 5k or more you can utilize the webapi by creating a FetchXml aggregate query, this does have a limitation of 50k records.Query Form…

Use Dynamics WebAPI to get LogicalName or ObjectTypeCode for Entity

Use Dynamics WebAPI to get LogicalName or ObjectTypeCode for EntityIf you need to get the LogicalName or ObjectTypeCode of an entity in your Dynamics environment you can utilize the WebAPI to get the metadata.If you have the LogicalName of the entity you can use this url.
Format:
<Dynamics Url>/api/data/v<Version>/EntityDefinitions(LogicalName='<LogicalName>')?$select=ObjectTypeCodeExample:
https://org12345.crm.dynamics.com/api/data/v9.0/EntityDefinitions(LogicalName='account')?$select=ObjectTypeCodeData Returned:
{"@odata.context":"https://org6744e6cd.crm.dynamics.com/api/data/v9.0/$metadata#EntityDefinitions(ObjectTypeCode)/$entity","ObjectTypeCode":1,"MetadataId":"70816501-edb9-4740-a16c-6a5efbc05d84"}If you have the ObjectTypeCode of the entity you can use this url.Format:
<Dynamics Url>/api/data/v<Version>/EntityDefinitions?$filter=ObjectTypeCode eq <ObjectTypeCode>&$select=Logic…