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 … Continue reading Model-Driven-Apps: How to use the side pane to show custom HTML

Advertisement

Learn how to deploy web resources with Azure DevOps Pipeline

Before we begin, this topic is similar to what Benedikt Bergmann explains in his blog post. But like always, if I do not yet try it by myself = I do not yet fully understand 😀. The twist will be I will create the web resource project using Dataverse DevTools by Danish Naglekar (TypeScript for … Continue reading Learn how to deploy web resources with Azure DevOps Pipeline

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 … Continue reading Let’s try Dataverse DevTools to easily create/update WebResource customizations!

Azure-MSAL: Implement loginRedirect In Angular+Call CRM Action

In this blog post, we learn how to display CRM data into SPA (Vue.js). For that purpose, we are using @azure/msal-browser and calling the loginPopup method whereby as you can see in the demonstration section, it will pop up a form to do the login process. Today, we will learn how to use the loginRedirect method and handle it in Angular. … Continue reading Azure-MSAL: Implement loginRedirect In Angular+Call CRM Action

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 … Continue reading Exploration: Showing Dynamics CRM Data In Vue.JS (SPA)

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 … Continue reading Dynamics CRM Model-Driven Apps: Implement Niam.Xrm.Client and Niam.Xrm.Client.Test

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 … Continue reading Dynamics CRM Model-Driven Apps: Setup Testing Environment with chai, Mocha, xrm-mock, and SinonJS

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 … Continue reading Dynamics CRM Model-Driven Apps: Developing Frontend Code with Typescript, @types/xrm and webpack

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 … Continue reading Creating Better PCF Component – Part 3

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 … Continue reading Creating Better PCF Component – Part 2