JqxListMenu: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
(Added header files detail.)
m (Fix formatting.)
Line 10: Line 10:
Finally, use the following procedure to add the correct header file:
Finally, use the following procedure to add the correct header file:


#. Download jqWidgets, unzip and copy the jqwidgets folder to your project folder.
# Download jqWidgets, unzip and copy the jqwidgets folder to your project folder.
#. Add the jqwidgets folder to your manifest
# 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
# 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 18:31, 26 August 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:

  1. Download jqWidgets, unzip and copy the jqwidgets folder to your project folder.
  2. Add the jqwidgets folder to your manifest
  3. 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