Title on card control

[Ralph Hope]

Hi there,

Your card control is really useful, but there's one thing I can't seem to make it do; is there a property I can set to make the title wrap rather than truncate with "..."?

Thanks!

[Satheesh Kumar Balasubramanian]

Hi Ralph,

Greetings from Syncfusion Support..!

We have validated your reported query "Title on card control" at our end. We have achieved your requirement using card CssClass property. We have prepared a sample for reference which can be downloaded from the following link.

https://www.syncfusion.com/downloads/support/forum/160444/ze/CardComponent-2033081177

Code snippet:     

 <SfCard CssClass="card-class">
 

...... 

...... 

</SfCard>

<style>

    .card-class .e-card-header .e-card-header-caption .e-card-header-title,

    .card-class .e-card-header .e-card-header-caption .e-card-sub-title {

        white-space: normal;

    }

</style>

  

Kindly try the above solution and get back to us if you need any further assistance. 

  

Regards, 

Satheesh Kumar B 

[Ralph Hope]

Fantastic, thanks!!

[Nevitha Ravi]

Hi Ralph, 

You are most welcome..! please get back to us if you need further assistance. 

Regards, 

Nevitha