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.
There are two ways to make the text wrap to the second line:
Calculating the width of items and remove the nowrap property by CSS. Please, find an example project in the attachment.
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.