Rad menu multiple line

2 posts, 1 answers
  1. Sachin
    Sachin avatar
    6 posts
    Member since:
    Sep 2014

    Posted 20 Sep 2014 Link to this post

    As displayed in the attached image. I would like to know that how to display the root menu items in multiline. I want to display the text in two lines.
  2. Answer
    Magdalena avatar
    463 posts

    Posted 24 Sep 2014 Link to this post


    There are two ways to make the text wrap to the second line:
    1. Calculating the width of items and remove the nowrap property by CSS. Please, find an example project in the attachment.
    2. Using <ItemTemplate> so you will be able to add text of items in separate elements - for example in <p>. In this solution you will have better control for exact place of wrapping the text. 


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top