This is a migrated thread and some comments may be shown as answers.

Multi-line text in ListViewItem

2 Answers 232 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Samuel PIckard
Top achievements
Rank 1
Samuel PIckard asked on 24 Apr 2012, 11:01 AM
Hi, I've been through the forums fairly thoroughly, and through the docs. What I want is to create an item in a listview where the text will word wrap.  I've tried just about every css property I can think of.  What I'm trying to achieve is image1, and what I get is image2.  Any ideas?  

It doesn't have to be in ListView I guess, but it was the only way I could find to get the rounded box.

2 Answers, 1 is accepted

Sort by
0
Accepted
Kamen Bundev
Telerik team
answered on 24 Apr 2012, 11:57 AM
Hi Samuel,

Actually the ListView wraps okay, the issue here is the ScrollView which has white-space: nowrap; to avoid the inline blocks falling on the next row. To fix this, just add the following rule to your CSS:
.km-scrollview > * > *
{
    white-space: normal;
}


Regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Samuel PIckard
Top achievements
Rank 1
answered on 24 Apr 2012, 11:58 AM
Magic, thank you
Tags
ListView (Mobile)
Asked by
Samuel PIckard
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Samuel PIckard
Top achievements
Rank 1
Share this question
or