skip navigation
Kendo UI for jQuery
Product Bundles
DevCraft
All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:
NEW
: Design Kits for Figma
Online Training
Document Processing Library
Embedded Reporting for web and desktop
Web
Kendo UI
UI for jQuery
UI for Angular
UI for React
UI for Vue
UI for Blazor
UI for ASP.NET Core
UI for ASP.NET MVC
UI for ASP.NET AJAX
Mobile
UI for .NET MAUI
UI for Xamarin
Document Management
Telerik Document Processing
Desktop
UI for .NET MAUI
UI for WinUI
UI for WinForms
UI for WPF
Reporting & Mocking
Telerik Reporting
Telerik Report Server
Telerik JustMock
Automated Testing
Test Studio
Test Studio Dev Edition
CMS
Sitefinity
UI/UX Tools
ThemeBuilder
Design System Kit
Debugging
Fiddler
Fiddler Everywhere
Fiddler Classic
Fiddler Jam
FiddlerCap
FiddlerCore
Free Tools
VB.NET to C# Converter
Testing Framework
View all products
Overview
Frameworks
jQuery
Angular
React
Vue
Demos
Roadmap
What's New
Roadmap
Release History
Docs & Support
Support and Learning
Support and Learning Hub
First Steps
Docs & Demos
Virtual Classroom
Forums
Feedback Portal
Blogs
Accessibility and Security
Submit a Ticket
Productivity and Design Tools
ThemeBuilder
Design System Documentation
Visual Studio Code Extensions
Embedded Reporting
Pricing
Shopping cart
Login
Contact Us
Try now
close mobile menu
Telerik Forums
/
Kendo UI for jQuery
This is a migrated thread and some comments may be shown as answers.
Multi-column menu
3 Answers
279 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Gabriel
Top achievements
Rank 1
Gabriel
asked on
10 Feb 2012,
12:31 AM
menu.png
Will there be any in-built functionality to support multi-column lists in a menu (ordered correctly)?
How would I go about it? Has anybody else done this to a menu control?
Add a comment
Submit comment
Cancel
3 Answers
, 1 is accepted
Sort by
Score
Date
0
Gabriel
Top achievements
Rank 1
answered on
15 Feb 2012,
01:54 AM
BUMP.
Add a comment
Submit comment
Cancel
0
Jorge
Top achievements
Rank 1
answered on
02 Mar 2012,
12:16 AM
Any info on this?
Add a comment
Submit comment
Cancel
0
Jean-Pascal van der Endt
Top achievements
Rank 1
answered on
27 Mar 2012,
12:28 PM
You can try the following:
In your menu definition, decorate the item you want to have multiple columns with a css class name, e.g. multicolumn:
<ul class="multicolumn">
<li>item A</li>
<li>item D</li>
<li>item B</li>
<li>item E</li>
<li>item C</li>
<li>item F</li>
</ul>
and in your css, add the following items. The width values I used are just an example of course.
.k-menu .multicolumn
{
width: 240px;
}
.k-menu .multicolumn .k-item
{
float: left;
width: 120px;
}
Hope this helps,
JP
Add a comment
Submit comment
Cancel
Answer this question
Drag and drop files here or
browse
to attach...
Browse
for files to attach...
Supported file types: PNG, JPG, JPEG, ZIP, RAR, TXT. Max total file size - 20MB.
Submit answer
Cancel
Tags
Menu
Asked by
Gabriel
Top achievements
Rank 1
Answers by
Gabriel
Top achievements
Rank 1
Jorge
Top achievements
Rank 1
Jean-Pascal van der Endt
Top achievements
Rank 1
Share this question
or
Copy link