Using Xrm.Page in Dynamics 365 HTML Web Resource

In Dynamics 365, you can add HTML Web Resources with JavaScript. You may want to use Xrm.Page features, but if you try to do this, you get the error that “Xrm” is undefined.

To get around this, you need to use GetGlobalContext function. Add the script below to your web resource:

<script src="ClientGlobalContext.js.aspx" type="text/javascript"></script>

Add the code:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="ClientGlobalContext.js.aspx" type="text/javascript"></script>
    <script type="text/javascript">
        function ButtonClicked() {
            var userName = Xrm.Page.context.getUserName();
            alert(userName);
        }
     </script>
</head>
<body>
    <button onclick="ButtonClicked()">Submit</button>
</body>
</html>