This is a migrated thread and some comments may be shown as answers.

Multi-Column in Context Menu Not Working

7 Answers 81 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Mark
Top achievements
Rank 2
Mark asked on 02 Feb 2010, 04:25 PM
Does the context menu support multi-column?  I'm following this http://demos.telerik.com/aspnet-ajax/menu/examples/multicolumnmenu/defaultcs.aspx but it seems to have no bearing on context menus.

7 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 04 Feb 2010, 01:31 PM
Hi MJ,

MultiColumn is supported in context menu for the first level items (not root items) like this:

<telerik:RadContextMenu runat="server" ID="RadMenu1">
    <Targets>
        <telerik:ContextMenuDocumentTarget />
    </Targets>
    <DefaultGroupSettings RepeatColumns="2" RepeatDirection="Vertical" />
    <Items>
        <telerik:RadMenuItem Text="parent">
            <Items>
                <telerik:RadMenuItem Text="item1" />
                <telerik:RadMenuItem Text="item2" />
                <telerik:RadMenuItem Text="item3" />
                <telerik:RadMenuItem Text="item4" />
                <telerik:RadMenuItem Text="item5" />
                <telerik:RadMenuItem Text="item6" />
            </Items>
        </telerik:RadMenuItem>
    </Items>
</telerik:RadContextMenu>


All the best,
Yana
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.
0
Mark
Top achievements
Rank 2
answered on 04 Feb 2010, 01:46 PM
Understood and thanks.  Are there any plans to provide support on the root?  I use the context menu often for right-clicking on items, so there are no child items - only the root.
0
Yana
Telerik team
answered on 05 Feb 2010, 01:15 PM
Hi MJ,

For now we don't have such plans, actually you're the first one to request this. You can use templates to achieve similar look, please check our online demo here.

Best regards,
Yana
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.
0
Mark
Top achievements
Rank 2
answered on 05 Feb 2010, 02:17 PM
Thanks for the update.  I'm not sure a template will work in my case.  I have dynamic content that needs to be displayed in the root of a context menu.
0
Yana
Telerik team
answered on 08 Feb 2010, 12:47 PM
Hi MJ,

You can add templates dynamically as it's explained here.

Regards,
Yana
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.
0
Roland Klug
Top achievements
Rank 1
answered on 06 Apr 2019, 12:54 PM

Is the multi column feature meanwhile available for context menu root items? I use version 2019.1.115.45 of the AJAX controls.

This would be very useful especially for large context menus. Sub menus could be avoided and the user would not have to point on items first in order to show the contained sub items.

Or is there a way to show sub menu items automatically when the context menu pops up, so sub items are immediately visible whithout the necessity to point on the parent menu item first?

0
Rumen
Telerik team
answered on 10 Apr 2019, 01:27 PM
Hi Roland,

The multi-column rendering is available only for the child items as it is explained in the documentation and shown in the live demo.

My advice is to log this useful feature request at the feedback portal https://feedback.telerik.com/aspnet-ajax so that we can measure the demand for it and prioritize it in the backlog. Thank you!

As to the second question: You can expand the desired item by the open method and its nested content menu as shown here:

    <telerik:RadContextMenu runat="server" ID="ContextMenu1"
        EnableRoundedCorners="true" EnableShadows="true">
        <Targets>
            <telerik:ContextMenuElementTarget ElementID="demoContainer" />
        </Targets>
        <Items>
            <telerik:RadMenuItem Text="Phone" Value="phoneP">
                <Items>
                    <telerik:RadMenuItem Text="Portait" Value="phoneP" Device="Phone"></telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="Landscape" Value="phoneL" Device="Phone"></telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
            <telerik:RadMenuItem Text="Tablet" Value="tabletP">
                <Items>
                    <telerik:RadMenuItem Text="Portait" Value="tabletP" Device="Tablet"></telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="Landscape" Value="tabletL" Device="Tablet"></telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
            <telerik:RadMenuItem Text="Laptop" Value="laptop" />
            <telerik:RadMenuItem Text="Desktop" Value="desktop" />
            <telerik:RadMenuItem Text="Exit" />
        </Items>
    </telerik:RadContextMenu>
 
    <script type="text/javascript">
        function OnClientShown(menu, args) {
            var menuItem = menu.findItemByText("Phone");
            menuItem.open();
        }
</script>



Best regards,
Rumen
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Menu
Asked by
Mark
Top achievements
Rank 2
Answers by
Yana
Telerik team
Mark
Top achievements
Rank 2
Roland Klug
Top achievements
Rank 1
Rumen
Telerik team
Share this question
or