Wijmo UI for the Web
Create a Vertical Menu
Wijmo User Guide > Widgets > Menu > Menu How To > Create a Vertical Menu

Building on the Quick Start example, you can change default horizontal menu to a vertical one using the orientation option.

  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 option to make the menu vertical. 

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

    Script
    Copy Code
    <script type="text/javascript">
        $(document).ready(function () {
            $("#menu").wijmenu({
               orientation: "vertical"
             });
        });
    </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

Reference

Widgets