JqxListMenu: Difference between revisions
Jump to navigation
Jump to search
Created page. |
Added header files detail. |
||
| Line 7: | Line 7: | ||
$("#list").jqxListMenu({ width: "50%", showHeader: True, showBackButton: True, showFilter: False }) | $("#list").jqxListMenu({ width: "50%", showHeader: True, showBackButton: True, showFilter: False }) | ||
</pre> | </pre> | ||
Finally, use the following procedure to add the correct header file: | |||
#. Download jqWidgets, unzip and copy the jqwidgets folder to your project folder. | |||
#. Add the jqwidgets folder to your manifest | |||
#. Add the listed css and js files to your extraheaders, adjusting the path as necessary (removing ../../): http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxlistmenu/jquery-listmenu-getting-started.htm | |||
[[Category:Language Reference]] | [[Category:Language Reference]] | ||
Revision as of 16:58, 12 July 2013
There is no control for the JqxListMenu, however, you can add one dynamically via code.
Start by adding an HTMLView and adding the unordered list from http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxlistmenu/jquery-listmenu-getting-started.htm
Next, add the following line of code to your Main function:
$("#list").jqxListMenu({ width: "50%", showHeader: True, showBackButton: True, showFilter: False })
Finally, use the following procedure to add the correct header file:
- . Download jqWidgets, unzip and copy the jqwidgets folder to your project folder.
- . Add the jqwidgets folder to your manifest
- . Add the listed css and js files to your extraheaders, adjusting the path as necessary (removing ../../): http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxlistmenu/jquery-listmenu-getting-started.htm