This is a migrated thread and some comments may be shown as answers.
Multi-column menu
3 Answers 76 Views
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
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?

3 Answers, 1 is accepted

Sort by
0
Gabriel
Top achievements
Rank 1
answered on 15 Feb 2012, 01:54 AM
BUMP.
0
Jorge
Top achievements
Rank 1
answered on 02 Mar 2012, 12:16 AM
Any info on this?
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
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