|
animationShowDuration
|
number
|
350
|
Sets or gets the animationShowDuration property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { animationShowDuration:400, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
animationHideDuration
|
number
|
250
|
Sets or gets the animationHideDuration property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { animationHideDuration:3000, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
animationHideDelay
|
number
|
500
|
Sets or gets the animationHideDelay property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { animationHideDelay:3000, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
animationShowDelay
|
number
|
200
|
Sets or gets the animationShowDelay property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { animationShowDelay:300, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
autoCloseInterval
|
number
|
10000
|
Sets or gets the autoCloseInterval property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { autoCloseInterval:300, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
autoSizeMainItems
|
boolean
|
true
|
Sets or gets the autoSizeMainItems property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { autoSizeMainItems:false, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
autoCloseOnClick
|
boolean
|
true
|
Sets or gets the autoCloseOnClick property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { autoCloseOnClick:false, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
autoOpenPopup
|
boolean
|
true
|
Sets or gets the autoOpenPopup property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { autoOpenPopup:false, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
autoOpen
|
boolean
|
true
|
Sets or gets the autoOpen property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { autoOpen:false, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
autoCloseOnMouseLeave
|
boolean
|
true
|
Sets or gets the autoCloseOnMouseLeave property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { autoCloseOnMouseLeave:false, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
clickToOpen
|
boolean
|
false
|
Sets or gets the clickToOpen property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { clickToOpen:true, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
disabled
|
boolean
|
false
|
Sets or gets the disabled property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { disabled:true, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
enableHover
|
boolean
|
true
|
Sets or gets the enableHover property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { enableHover:false, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
easing
|
string
|
easeInOutSine
|
Sets or gets the easing property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { easing: "linear", theme:"light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
height
|
number
|
null
|
Sets or gets the height property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
keyboardNavigation
|
boolean
|
false
|
Sets or gets the keyboardNavigation property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { keyboardNavigation:true, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
minimizeWidth
|
string
|
'auto'
|
Sets or gets the minimizeWidth property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { minimizeWidth:450, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
mode
|
string
|
horizontal
|
Sets or gets the mode property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { mode: "vertical", theme:"light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
popupZIndex
|
number
|
20000
|
Sets or gets the popupZIndex property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { popupZIndex:99999, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
rtl
|
boolean
|
false
|
Sets or gets the rtl property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { rtl:true, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
showTopLevelArrows
|
boolean
|
false
|
Sets or gets the showTopLevelArrows property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { showTopLevelArrows:true, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
source
|
object
|
null
|
Sets or gets the source property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { source:source, theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
theme
|
string
|
''
|
Sets or gets the theme property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
width
|
number
|
null
|
Sets or gets the width property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { theme: "light" } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
|
|
closed
|
Event
|
|
Code examples
Bind to the closed event of jqxMenu.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").addEventListener("closed", function(event) { // Your code here. }); }; </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
itemclick
|
Event
|
|
Code examples
Bind to the itemclick event of jqxMenu.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").addEventListener("itemclick", function(event) { // Your code here. }); }; </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
initialized
|
Event
|
|
Code examples
Bind to the initialized event of jqxMenu.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").addEventListener("initialized", function(event) { // Your code here. }); }; </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
shown
|
Event
|
|
Code examples
Bind to the shown event of jqxMenu.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").addEventListener("shown", function(event) { // Your code here. }); }; </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
|
|
closeItem
|
Method
|
|
| Parameter |
Type |
Description |
| itemID |
string |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").closeItem(Item1); } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
close
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").close(); } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
disable
|
Method
|
|
| Parameter |
Type |
Description |
| itemID |
string |
|
| value |
boolean |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").disable(0,true); } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
destroy
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").destroy(); } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
focus
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").focus(); } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
minimize
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").minimize(); } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
open
|
Method
|
|
| Parameter |
Type |
Description |
| left |
number |
|
| top |
number |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").open(10,10); } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
openItem
|
Method
|
|
| Parameter |
Type |
Description |
| itemID |
string |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").openItem(Item1); } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
restore
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").restore(); } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
|
setItemOpenDirection
|
Method
|
|
| Parameter |
Type |
Description |
| item |
string |
|
| horizontaldirection |
string |
|
| verticaldirection |
string |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>Menu Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> <script> JQXElements.settings[ "menuSettings"] = { } window.onload = function() { document.querySelector( "jqx-menu").setItemOpenDirection(Item1,left,top); } </script></head><body> <jqx-menu id='jqxMenu' settings="menuSettings"> <ul> <li><a href="#Home">Home </a></li> <li> Solutions <ul style='width: 250px;'> <li><a href="#Education">Education </a></li> <li><a href="#Financial">Financial services </a></li> <li><a href="#Government">Government </a></li> <li><a href="#Manufacturing">Manufacturing </a></li> <li type='separator'></li> <li> Software Solutions <ul style='width: 220px;'> <li><a href="#ConsumerPhoto">Consumer photo and video </a></li> <li><a href="#Mobile">Mobile </a></li> <li><a href="#RIA">Rich Internet applications </a></li> <li><a href="#TechnicalCommunication">Technical communication </a></li> <li><a href="#Training">Training and eLearning </a></li> <li><a href="#WebConferencing">Web conferencing </a></li> </ul> </li> <li><a href="#">All industries and solutions </a></li> </ul> </li> <li> Products <ul> <li><a href="#PCProducts">PC products </a></li> <li><a href="#MobileProducts">Mobile products </a></li> <li><a href="#AllProducts">All products </a></li> </ul> </li> <li> Support <ul style='width: 200px;'> <li><a href="#SupportHome">Support home </a></li> <li><a href="#CustomerService">Customer Service </a></li> <li><a href="#KB">Knowledge base </a></li> <li><a href="#Books">Books </a></li> <li><a href="#Training">Training and certification </a></li> <li><a href="#SupportPrograms">Support programs </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Documentation">Documentation </a></li> <li><a href="#Updates">Updates </a></li> </ul> </li> <li> Communities <ul style='width: 200px;'> <li><a href="#Designers">Designers </a></li> <li><a href="#Developers">Developers </a></li> <li><a href="#Educators">Educators and students </a></li> <li><a href="#Partners">Partners </a></li> <li type='separator'></li> <li> By resource <ul> <li><a href="#Labs">Labs </a></li> <li><a href="#TV">TV </a></li> <li><a href="#Forums">Forums </a></li> <li><a href="#Exchange">Exchange </a></li> <li><a href="#Blogs">Blogs </a></li> <li><a href="#Experience Design">Experience Design </a></li> </ul> </li> </ul> </li> <li> Company <ul style='width: 180px;'> <li><a href="#About">About Us </a></li> <li><a href="#Press">Press </a></li> <li><a href="#Investor">Investor Relations </a></li> <li><a href="#CorporateAffairs">Corporate Affairs </a></li> <li><a href="#Careers">Careers </a></li> <li><a href="#Showcase">Showcase </a></li> <li><a href="#Events">Events </a></li> <li><a href="#ContactUs">Contact Us </a></li> <li><a href="#Become an affiliate">Become an affiliate </a></li>
|
