Multi-column menu

4 posts, 0 answers
  1. Gabriel
    Gabriel avatar
    79 posts
    Member since:
    Nov 2011

    Posted 09 Feb 2012 Link to this post

    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?

  2. Gabriel
    Gabriel avatar
    79 posts
    Member since:
    Nov 2011

    Posted 14 Feb 2012 Link to this post

    BUMP.
  3. Kendo UI is VS 2017 Ready
  4. Jorge
    Jorge avatar
    1 posts
    Member since:
    Feb 2012

    Posted 01 Mar 2012 Link to this post

    Any info on this?
  5. Jean-Pascal van der Endt
    Jean-Pascal van der Endt avatar
    48 posts
    Member since:
    Jul 2010

    Posted 27 Mar 2012 Link to this post

    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
Back to Top
Kendo UI is VS 2017 Ready