Skip to main content

Notifications

Announcements

No record found.

Microsoft Dynamics 365 | Integration, Dataverse...
Suggested answer

How to make cards on dashboards

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 Microsoft Employee 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>

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

December Spotlight Star - Muhammad Affan

Congratulations to a top community star!

Top 10 leaders for November!

Congratulations to our November super stars!

Tips for Writing Effective Suggested Answers

Best practices for providing successful forum answers ✍️

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 291,269 Super User 2024 Season 2

#2
Martin Dráb Profile Picture

Martin Dráb 230,198 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Product updates

Dynamics 365 release plans