Progress® KendoReact Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 27 Jul 2023 08:09 by ADMIN
Amit
Created on: 26 Jun 2023 11:24
Category: Menu
Type: Feature Request
0
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
ADMIN
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:

 <style>
                .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;
                }

 

Regards,
Konstantin Dikov
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Create an account Log In
View
Type
Status
Category