Skip to main content
Dynamics 365 general forum
Suggested answer

How to make cards on dashboards

editSubscribe (0) ShareShare
ReportReport
Posted on by 40

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

pastedimage1626342733538v1.png

  • tiesp Profile Picture
    tiesp 5 on at
    RE: How to make cards on dashboards

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

  • narek Profile Picture
    narek 40 on at
    RE: How to make cards on dashboards

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

  • Suggested answer
    Community Member Profile Picture
    Community Member UG Leader on at
    RE: How to make cards on dashboards

    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>

Helpful resources

Quick Links

What Motivates a Super User?

We know many of you visit the Dynamics 365 Community and Power Platform…

Demystifying Copilot with Georg Glantschnig…

Industry experts answer burning questions directly from our amazing Community…

Setting Up Knowledge Sources for Copilot…

Look at how configuring a comprehensive knowledge base is crucial…

Leaderboard

#1
Andre Arnaud de Calavon Profile Picture

Andre Arnaud de Cal... 283,066 Super User

#2
Martin Dráb Profile Picture

Martin Dráb 222,585 Super User

#3
nmaenpaa Profile Picture

nmaenpaa 101,138

Product updates

Dynamics 365 release plans