web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

No record found.

News and Announcements icon
Community site session details

Community site session details

Session Id :
Microsoft Dynamics 365 | Integration, Dataverse...
Suggested Answer

How to make cards on dashboards

(0) ShareShare
ReportReport
Posted on by 42

How to make a card like the one in the screenshot below? Thanks.

pastedimage1626342733538v1.png

I have the same question (0)
  • Suggested answer
    Community Member Profile Picture
    on at

    You can create a HTML file as Web Resource. In the HTML file, send Web API request to get the count of entity. Then add this web resource to your dashboards.

    Step:

        1. Create a dashboard in your App.

        2. Add a web resource to your dashboard, and save it.

            web.png

            newwebresource.png

        3. Result:

            dashboardresult.png

    Here is my HTML code, you can have a try:

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>test</title>

    </head>

    <body onload="getAccountNum()">

        <div>

            <p>Account</p>

        <div>

        <div style="margin:10px 20px">

            <div id="count" style="width:200px;height:50px;text-align:center;font-size:36px;">0</div>

        <div>

    </body>

    <script type="text/javascript">

        function getAccountNum(){

            var uri = "https://yourorgname.crm[x].dynamics.com/api/data/v9.0/accounts";

     

            var request = new XMLHttpRequest();

            request.open("get", uri , true);

            request.setRequestHeader("OData-MaxVersion", "4.0"); 

            request.setRequestHeader("OData-Version", "4.0"); 

            request.setRequestHeader("Accept", "application/json"); 

            request.setRequestHeader("Content-Type", "application/json; charset=utf-8");

            request.onreadystatechange = function () { 

                if (request.readyState === 4) { 

                    var result = JSON.parse(request.responseText);

                    document.getElementById("count").innerHTML = result .value.length;

                }

            }

            request.send();

        }

    </script>

    </html>

  • narek Profile Picture
    42 on at

    Thank you for your answer. But what I need is the out of the box card. This web rosource card appears with borders.

  • tiesp Profile Picture
    5 on at

    Did you find a suitable solution? I'm also interested in making such a visual.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Stars!

Meet the Microsoft Dynamics 365 Contact Center Champions

We are thrilled to have these Champions in our Community!

Congratulations to the March Top 10 Community Leaders

These are the community rock stars!

Leaderboard > Microsoft Dynamics 365 | Integration, Dataverse, and general topics

#1
11manish Profile Picture

11manish 130

#2
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 75 Super User 2026 Season 1

#3
ManoVerse Profile Picture

ManoVerse 62 Super User 2026 Season 1

Last 30 days Overall leaderboard

Product updates

Dynamics 365 release plans