New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial
Avoiding wrapping of root menu items
HOW-TO
Avoid wrapping of the root menu items.
SOLUTION
This KB shows how to force the root menu items to remain on a single line regardless of their number. If the length of the root group is larger than the width of the page, a scrollbar will be created to accommodate the desired behavior (no wrapping of the items).
Define the following JavaScript function:
ASP.NET
<script type="text/javascript">
function pageLoad()
{
var menu = $find("<%= RadMenu2.ClientID %>");
var Items = menu.get_items();
var totalWidth = 0;
for (var i = 0; i < Items.get_count(); i++)
{
totalWidth += Items.getItem(i).get_element().offsetWidth;
}
menu.get_element().style.width = totalWidth + "px";
}
</script>