Last Updated: 27 Jul 2023 08:09 by ADMIN
Created on: 26 Jun 2023 11:24
Category: Menu
Type: Feature Request
Multiple Column Layout for Submenu Items in Kendo React Menu Control

Introduce an option for rendering the sub items in the Menu in columns layout by either:

- setting max number of items per row (fixed number of columns) and add as many rows as needed 

- setting max number of items per column (fixed number of rows), which will add more columns if there are more items

1 comment
Konstantin Dikov
Posted on: 26 Jun 2023 20:54

I am just going to share a temporary solution for introducing multiple columns in the sub items:

                .custom-menu ul{
                    display: block;
                    width: auto;
                    max-width: 330px;
                    overflow: auto;
                    padding: 0;
                    margin: 0;
                    list-style: none;
                .custom-menu ul li{
                    width: 100px;
                    display: inline-block;
                    float: left;


Konstantin Dikov
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.