JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › General Discussions › Card View › How to force to have only 2 cards per row ?
Tagged: DEDICATED VPkN, IP VPN
Hi,
My cards content lot of text, and I’d like to enlarge them, and force for example only 2 cards per row.
Here is my codepen : https://codepen.io/mogador/pen/BaEaWzz
Is there à way to change width of cards, and force responsive rows ?
Best regards,
fabriceb
Here is the soluce : just change this css variable : –smart-card-view-column-min-width
I do it directly in js after init of the cardview : <div>$(“#myCard”).css(“–smart-card-view-column-min-width”, “600px”);</div> <div></div> <div>fabriceb</div>
Thanks for the update, Fabriceb