From NSB App Studio
Jump to navigation Jump to search

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

jqWidgets is a commercial product, which depending on how you use it, requires a license fee. Complete details are on jqWidget's website. The product is well supported.

This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/.