Model-Driven-Apps: How to use the side pane to show custom HTML

Today we will learn how to create a custom web resource (HTML) using Angular, and show it in the side pane using Xrm.App.sidePanes.createPane method. The end result will be like the below picture: Without further ado, let's go make the Angular apps! Angular Project Before we begin, I want to give a shoutout to these …

Let’s try Dataverse DevTools to easily create/update WebResource customizations!

Lately, I'm still preparing my presentation for Reactor Indonesia with the topic "Membangun Solusi Low-Code Dengan Power Platform" and when I'm stumbled to create the WebResource, I remembered about Dataverse DevTools by Danish Naglekar that already being installed in my VS Code for so long since he published the tool but I had never tried …

Exploration: Showing Dynamics CRM Data In Vue.JS (SPA)

Today, I learned how to use MSAL.js 2.0 to do authentication (login) and authorization (checking if the person can access the target resource) to display Dynamics CRM Accounts data in Vue.js. The idea is we want to create a SPA (Single Page Application) that using Vue.js. The user must be login first and then can fetch the Accounts …

Dataverse DevOps: Create Tool for Auto Deployment for WebResource + PluginAssembly

One of the topics I wanted to learn and cover is how to do DevOps in a Dataverse environment. DevOps for me is an operation/process that helps to ensure smooth delivery from developer to operation (end-user). The idea is to remove all the unnecessary/recursive process and automate it so all the stakeholders can focus on …

Dynamics CRM Model-Driven Apps: Implement Niam.Xrm.Client and Niam.Xrm.Client.Test

Now we go to the last part of the tutorial for Front-end Customization. We will implement Niam.Xrm.Client and Niam.Xrm.Client.Tests on the project we set up earlier. Niam.Xrm.Client is a framework wrapper for Xrm object that focuses on make customization easier, while Niam.Xrm.Client.Tests will mainly focus on Xrm.webApi mock objects and testing related helpers. Both packages are in beta versions but …

Dynamics CRM Model-Driven Apps: Setup Testing Environment with chai, Mocha, xrm-mock, and SinonJS

As Developer, we suppose adapt ourselves to a better working framework or mindset. Following Test-Driven Development (TDD) mindset, for example, enable us to work more effectively in the long run, compare to not using it. Hence making unit tests is has become a crucial part (at least for me), and this post will explain how …

Dynamics CRM Model-Driven Apps: Developing Frontend Code with Typescript, @types/xrm and webpack

First question: Why TypeScript? We know what is JavaScript programming does. Programming language that sometimes leads us to confusion because its too dynamics. While TypeScript as JavaScript superset trying to fix the whole weakness that it can lead us into. TypeScript offers more strict language (data type) and supports IntelliSense which is easier for a …

Creating Better PCF Component – Part 3

With all the things settled, now we can continue our journey to make our PCF-Component better. The last commit that we submitted, there are few things that we can enhance: When you choose an image file, then click the Submit button. We can reset the input file.Hide the image-element if no image has been upload.Add …

Creating Better PCF Component – Part 2

When I was writing this post, I felt the environment that I set up did not enhance my ability to write code. The reason for this is because I use jsdom, which is a mock object for the HTML component. Because it is not a real object of HTML, my focus has been changed to the test …

TypeScript in Dynamics CRM CE

JavaScript sometimes makes me stress as a developer because of its dynamic nature. You can assign whatever value on the JavaScript object, change it into another type and it will not throw an error. Therefore TypeScript will help you so much because of its strictness. In this blog post, I will show you how to …