Need to reduce the size of this card. How?

Richb201 commented on Mar 1, 2021

<?php
            \koolreport\amazing\SimpleCard::create(array(
                "title"=>"Contracts",
                "value"=>$this->dataStore("contract_dollars")->get(0,"contract_dollars_total"),
                "preset"=>"danger",
                "baseValue"=>5000,
                "format"=>array(
                    "value"=>array(
                        "prefix"=>"$"
                    )
                ),
                "cssClass"=>array(
                    "positive"=>"text-danger",
                ),
            ));
            ?>

Richb201 commented on Mar 6, 2021

well, it has been a week since I posted this. If it is not possible to reduce the size of a card, please just say that.

KoolReport commented on Mar 7, 2021

I am sorry for my late reply. Generally this is just CSS and if it is CSS, you can modify all. You just need skill with css and inspector tool. Here is the general guide to this issue:

You generate card inside a div

<div class="reduceSize">
    <?php SimpleCard::create(...);?>
</div>

You create style tag in your html

<style>
    .reduceSize .card
    {
        width:50% !important;
    }
<style>

You will need the inspector tool of browser to see the structure of card and to choose the element to make modification to your need.

Regards,

KoolReport's Forum

Need to reduce the size of this card. How? #1935

Build Your Excellent Data Report