Web resources were introduced in Dynamics CRM 2011. One of the reasons for introducing HTML and JavaScript web resources was to get rid of ASPX ISV pages that needed to be deployed on the Dynamics CRM server. An action was not possible in a cloud environment. ISV pages were replaced with custom HTML user interfaces (UI) that can be embedded in iFrames on a form.

As a developer, you have the choice to build your own UI libraries to retrieve content and display it on custom user interfaces, or you can leverage industry standard frameworks that help produce clean, maintainable user interface extensions using proven design patterns. In this recipe, we have selected AngularJS as a popular framework to build a custom web resource to embed in an iFrame. We will focus on Angular version 1, since version 2 is still to gain popularity.

This recipe's custom user interface will leverage the metadata queries discussed in the previous recipe to build a page that displays the logical names of picklists associated with the contact entity.