jQWidgets Forums

Tagged: disable, disabled, item, jqxMenu, local, Menu, source

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

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

Author

Any way to get sum-menu item greyed out? Posts

June 16, 2014 at 11:46 pm Any way to get sum-menu item greyed out? #55924

Participant

Hi,

I use jqxMenu with source statement and specify disable to sub-menu.
But I noticed that it isn’t greyed out as most of application do.

Is there any way to grey out sub-menu?

Naoto

June 17, 2014 at 5:11 am Any way to get sum-menu item greyed out? #55931

Dimitar

Participant

Hello Naoto,

Thank you for your feedback. We confirm there is an issue and will fix it as soon as possible. Meanwhile, we suggest you use the disable method. Here is an example:

<!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/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            // Create jqxMenu
            var source = [
                { html: "<img src='../../images/mailIcon.png'/><span style='position: relative; left: 3px; top: -2px;'>Mail</span>", items: [
                    { html: "<img src='../../images/calendarIcon.png'/><span style='position: relative; left: 3px; top: -2px;'>Calendar</span>" },
                    { html: "<img src='../../images/contactsIcon.png'/><span style='position: relative; left: 3px; top: -2px;'>Contacts</span>" }
                ]
                },
                { html: "<img src='../../images/folder.png'/><span style='position: relative; left: 3px; top: -2px;'>Inbox</span>", items: [
                    { html: "<img src='../../images/folder.png'/><span style='position: relative; left: 3px; top: -2px;'>Admin</span>", id: "Admin" },
                    { html: "<img src='../../images/folder.png'/><span style='position: relative; left: 3px; top: -2px;'>Corporate</span>" },
                    { html: "<img src='../../images/folder.png'/><span style='position: relative; left: 3px; top: -2px;'>Finance</span>" },
                    { html: "<img src='../../images/folder.png'/><span style='position: relative; left: 3px; top: -2px;'>Other</span>"}]
                },
                    { html: "<img src='../../images/recycle.png'/><span style='position: relative; left: 3px; top: -2px;'>Deleted Items</span>" },
                    { html: "<img src='../../images/notesIcon.png'/><span style='position: relative; left: 3px; top: -2px;'>Notes</span>" },
                    { html: "<img src='../../images/settings.png'/><span style='position: relative; left: 3px; top: -2px;'>Settings</span>" },
                    { html: "<img src='../../images/favorites.png'/><span style='position: relative; left: 3px; top: -2px;'>Favorites</span>" }
                ];

            // create jqxMenu
            $("#jqxMenu").jqxMenu({ source: source, width: '180px', height: '180px', mode: 'vertical' });
            $("#jqxMenu").css('visibility', 'visible');
            $("#jqxMenu").jqxMenu("disable", "Admin", true);
        });
    </script>
</head>
<body class='default'>
    <div id='jqxWidget'>
        <div id='jqxMenu' style='visibility: hidden; float: left;'>
        </div>
    </div>
</body>
</html>

Best Regards,
Dimitar

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

June 17, 2014 at 11:24 pm Any way to get sum-menu item greyed out? #55996

nyorozo

Participant

Hello Dimita-san,

Thank you very much for your quick response and very useful sample.

I will use this sample way for a while.

Thanks,
Naoto

Author

Posts

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

You must be logged in to reply to this topic.