[Chartjs]-Bootstrap Card Render Problem in Google Chrome

by

1👍

✅

Resolved the issue.
Was using different stylesheet of bootstrap
before version:

    <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.15.0/css/mdb.min.css" rel="stylesheet">

and changed to

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">

Now rendering issue is gone and shows correct result.

0👍

This will do:

    <div class="main-cards" id="reports">
    <%
            for(int i=0;i<10;i++){
               %>

    <div class="row">
        <div class="card">
            <div class="card-body">
                <div class="col-6">
                    <button class="btn" style="background-color: #3e62bd;color: white" name="details" onclick="window.open('SomeServlet?','details','width=800,height=800')">Details
                        Report</button>
                </div>
                <div class="col-6">
                    <button class="btn" style="background-color: #3e62bd;color: white" name="stability" onclick="window.open('SomeServlet?','stabilty','width=800,height=800')">Stability
                        Report</button>
                </div>

            </div>
        </div>

    </div>
    <%
        }
        %>
</div>

Leave a comment