Wijmo UI for the Web
Create an iPod Menu
Wijmo User Guide > Widgets > Menu > Menu How To > Create an iPod Menu
Show All
Hide All

Building on the Quick Start example, you can create a vertical iPod-style menu that opens nested menu items in place and offers a Back button using the mode and orientation options.

  1. In the <head> section of your HTML file, replace the script that includes the document ready function with this one, which changes the orientation to vertical, and the mode to sliding. 

    Drop down and copy script to paste in <head> section

    Script
    Copy Code 
    <script type="text/javascript">
    $(document).ready(function () {
        $("#menu").wijmenu({
           orientation: "vertical",
           mode: "sliding"
         });
    });
</script>
  2. No changes are necessary in the <body> section of your HTML file. The basic <ul> tags are sufficient to create the menu.
  3. Save your HTML file and open it in a browser. The menu appears like the live widget below.

See Also

Widgets

Quick Start

Reference

wijmenu API

 

 

Copyright © GrapeCity, Inc. All rights reserved.

Product Support Forum | Print this page