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

Rad menu multiple line

1 Answer 148 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Sachin
Top achievements
Rank 1
Sachin asked on 20 Sep 2014, 07:49 PM
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.

1 Answer, 1 is accepted

Sort by
0
Accepted
Magdalena
Telerik team
answered on 24 Sep 2014, 08:29 AM
Hello,

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. 


Regards,
Magdalena
Telerik
 

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.

 
Tags
Menu
Asked by
Sachin
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Share this question
or