In my previous blog I talked about the concept of how to set up Angular Elements, ref LINK.

But in this blog I will go through how you can implement Circle Card example from Microsoft article showing sample developed using REACT. You can find it here.

Since Microsoft only plans to use REACT as a front end development language, all the examples are also with REACT which everyone can see in Microsoft documentation. So I thought maybe it’s okay to also show how this can be done with Angular Elements. …

Then it was time to write a blog about how we can implement Angular Element in a Power BI Custom Visual solution. I have previously blogged about how you can use Angular Element with the Power Apps Componant Framework, where the concept of setting up the solution is the same.

I will not go through the concept around Angular Element, you can read about it here:

Angular and Power BI Visuals

There are probably many developers wondering how to use Angular for developing Power BI Visuals. Angular Elements witch allow you to build custom elements using Angular that can…

What are Microsoft Teams Apps?

Microsoft Teams is a collaboration platform in Office 365 that is tightly integrated with apps and services people use to facilitate collaboration to get work done together in a organization. The Microsoft Teams developer platform makes it easy for developers to integrate their own custom apps and services to improve productivity, make decisions faster, provide focus (by reducing context switching), and create collaboration around existing content and workflows.

You can also look at Apps built on the Microsoft Teams platform as bridges between the Teams client and your services and workflows; bringing them directly into the context of your collaboration…

In this post I will show how to easily run CRUD operations in an @pnp/spfx Angular Elements webpart.

There are already many good examples showing how to use PnPJS to run CRUD operations against SharePoint lists and document libraries. But unfortunately I couldn’t find a good sample showing how to use @pnp/sp in an SPFX webpart using Angular Element as a client side framework.

In my previous post I talked about how to use Angular Element in a SharePoint Framework webpart, and not least what the challenges were with Angular and SharePoint Framework.

You can read more about this topic…

In my previous post, I generally talked about challenges with SharePoint Framework and Angular. And how this was solved with Angular Element in the SPFX framework. But there are still customers and developers working on older versions of SharePoint, and in many settings, many customers are still living with old environments.

And in these cases, a developer must make a decision based on which version of SharePoint is running, whether Apps are configured and set up in the environment if not in case they are on SharePoint online. …

Power Apps component framework overview

I will not go into what PowerApps Component Framework are. You can get a better understanding by reading the Microsoft article about PCF components. And i also have a post about PCF here.


Angular and Power Apps component framework

There are probably many developers wondering how to use Angular in a PowerApps Component Framework. Angular Elements witch allow you to build custom elements using Angular that can be used in any web project. These custom elements are just part of the web component specification that has been implemented by all the major browser vendors.

You can embed them into any web application. This enables…

In my previous post, I reviewed generally about SharePoint Framework and Angular. What the challenge was when it came to using SharePoint Framework with Angular. For those who want to read about it, read my previous post here.

In this post I will only go through how to manually set up SharePoint Framework webpart as 2 project solution. This is not something I would recommend anyone to do unless they have their own reasons for it. Since this is a time consuming process, it is much faster to just create SPFX projects with Angular elements using @pnp/spfx. And there is…

There are many SharePoint developers who want to no how Angular Elements works with SharePoint Framework (SPFX).

What You Should Know

  • SPFX Development (SharePoint Framework)
  • It’s essential that you are familiar with Angular
  • Office 365 subscription (Tenant level)
  • You will need Visual Studio Code
  • Browser version: Chrome, or Edge Chromium will be best for development and debugging.

Why Angular Elements in SharePoint Framework

It’s been a lot of back and forth since the SharePoint Framework was launched in terms of development with Angular. Many SharePoint MVP’s and developers have provided many good demo examples of how Angular works with the…

In order to develop PowerApps Component you need to be familiar with the configuration and customization in Dynamics365, in addition to the fact that it is essential that you can develop and understand the framework. And you also need to be familiar with deploying and debugging solution in Dynamisc365.

To get better understanding of how every thing work i will suggest you to first watch the video below, which was really good to look at when I was working on how developing PCF-component works.

How to create a PowerApps PCF control

This video is very good to look at in terms of how to set up…

A control to render a view of records on Google Maps using Marker Clusterer and the location information (lat/long) against each record.

For those who don’t know, we can now use the PowerApps Component Framework (PCF) to develop custom components in the model-driven app (PowerApps).

In many cases, customers want to display input fields as a slider or with a slightly different look and feel on UI design, fields have types, such as Single Line of Text, Whole Number, Currency etc. In such cases, PCF components come into the picture where we can customize our own components that we can…

Adnan Riaz Gondal

Senior Consultant M365 / Azure & SharePoint at Bouvet

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store