Multi-line text in ListViewItem

3 posts, 1 answers
  1. Samuel PIckard
    Samuel PIckard avatar
    9 posts
    Member since:
    Apr 2012

    Posted 24 Apr 2012 Link to this post

    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. Answer
    Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 24 Apr 2012 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. Samuel PIckard
    Samuel PIckard avatar
    9 posts
    Member since:
    Apr 2012

    Posted 24 Apr 2012 Link to this post

    Magic, thank you
Back to Top