jQWidgets Forums

jQuery UI Widgets Forums Navigation Menu, Context Menu Separator inside source based jqmenu

This topic contains 4 replies, has 4 voices, and was last updated by  ci 10 years, 4 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • Separator inside source based jqmenu #24148

    cadorett
    Member

    Is there no way to add a separator item to the source element of a jqxmenu?

    Separator inside source based jqmenu #24150

    cadorett
    Member

    This forum post didn’t show up when I searched on Separator. Not sure why but crawling through the sub-forum manually unearthed it.

    http://www.jqwidgets.com/community/topic/how-do-i-add-a-separator-when-loading-from-an-array/

    The post indicates a feature request for separator items in array based menus being added to your backlog around November 2012. Is there any update on this request?

    Separator inside source based jqmenu #28247

    pyrobel
    Participant

    Hello,

    I am also waiting for this … (from json ;o)
    Do you have an idea of the implementation of this?
    Thanks!

    David

    Separator inside source based jqmenu #28260

    Peter Stoev
    Keymaster

    Hi guys,

    The feature is not available. At present, it is unfortunately not in our development plans.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/

    Separator inside source based jqmenu #62736

    ci
    Participant

    I did so
    <!DOCTYPE html>
    <html lang=”en”>
    <head>
    <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” />
    <script type=”text/javascript” src=”../../scripts/jquery-1.10.2.min.js”></script>
    <script type=”text/javascript” src=”../../scripts/demos.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script>

    <script type=”text/javascript” src=”../../jqwidgets/jqxmenu.js”></script>
    <script type=”text/javascript”>
    $(document).ready(function () {
    var source = [
    { label: “item1” },
    { id: “menuSeparator” },
    { label: “item2” },
    { id: “menuSeparator” },
    { label: “item3” }
    ];
    $(“#jqxMenu”).jqxMenu({ source: source, width: ‘180px’, height: ‘180px’, mode: ‘vertical’});
    $(“li[id=’menuSeparator’]”).attr(“class”,”jqx-menu-item-separator jqx-rc-all”);
    });
    </script>
    </head>
    <body >
    <div id=’jqxMenu’ style=’float: left;’></div>
    </body>
    </html>

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.