I recently got my yearly bill for koolreport which i happily paid as I have for at least 3 years.

I have been asking about this issue for a few months and have gotten no response.

Look at this screen. Each of these cards is s button. How can I align these and make them all the same size. I am looking to make my app look professional.

I am unable to find a width setting. Here is what I have:

            <?php
            SimpleCard::create(array(
                "href"=>"business_component_management",
                "title"=>"<br><br>Step2: Add Business Component",
                "value"=>$this->dataStore("global_summary")->get(0,"num_buscomps"),
                "preset"=>$iColor2,
                "cssClass"=>array(
                    "icon"=>"fas fa-laptop-code",
                    "card"=>"p-3",
                ),
            ));
            ?>

Can you point me to a description of how to set the width to fixed for SimpleCard?

I am not sure how to do this. In the above code would I just set "card" to =>"max-width=100px"? I havent found any directions on how to do this on Google.

Thanks for your excellent guidance. Here is what I see from the Koolreport docs:

cssStyle #
Alternative to set the cssClass, you may directly set the css style to the card element:

Name	type	default	description
card	string		Css style for card
title	string		Css style for card title
value	string		Css style for card value
icon	string		Css style for card icon
Example:

SimpleCard::create(array(
    "cssStyle"=>array(
        "card"=>"background-color:yellow",
        "title"=>"font-weight:bold",
        "value"=>"font-style:italic",
        "icon"=>"font-size:24px;color:#333"
    )
));

perhaps I am missing something? I don't see a max-width? Is there a list of what indexes can be used for value or for card?