In this topic you will add list content to a Panel control. The list will eventually become menu items.

1. Create an ASP.NET Web application with a ScriptManager control and install Juice UI and the Wijmo Juice libraries to your project via NuGet.
2. Add a standard Panel control to the main content of  your page.
3. Add some content for the list. For example:

   <asp:Panel ID="Panel1" runat="server">        
   

        <ul>        
   

              <li><a href="#">Breaking News</a>        
   

                   <ul>      
   

                       <li><a href="#">Entertainment</a></li>        
   

                       <li><a href="http://www.w3schools.com/tags/html5.asp">Politics</a></li>       
   

                       <li><a href="#">A&amp;E</a></li>
   

                       <li><a href="#">Sports</a>
   

                   <ul>
   

                       <li><a href="#">Baseball</a></li>  
   

                       <li><a href="#">Basketball</a></li>
   

                       <li><a href="#">A really long label would wrap nicely as you can see</a></li>
   

                               <li><a href="#">Swimming</a>
   

                                   <ul>
   

                                       <li><a href="#">High School</a></li>
   

                                       <li><a href="#">College</a></li>
   

                                       <li><a href="#">Professional</a>
   

                                           <ul>
   

                                               <li><a href="#">Mens Swimming</a>
   

                                                   <ul>
   

                                                       <li><a href="#">News</a></li>
   

                                                       <li><a href="#">Events</a></li>
   

                                                       <li><a href="#">Awards</a></li>
   

                                                       <li><a href="#">Schedule</a></li>
   

                                                       <li><a href="#">Team Members</a></li>
   

                                                       <li><a href="#">Fan Site</a></li>
   

                                                   </ul>
   

                                               </li>
   

                                               <li><a href="#">Womens Swimming</a>
   

                                                   <ul>
   

                                                       <li><a href="#">News</a></li>
   

                                                       <li><a href="#">Events</a></li>
   

                                                       <li><a href="#">Awards</a></li>
   

                                                       <li><a href="#">Schedule</a></li>
   

                                                       <li><a href="#">Team Members</a></li>
   

                                                       <li><a href="#">Fan Site</a></li>
   

                                                   </ul>
   

                                               </li>
   

                                           </ul>
   

                                       </li>
   

                                       <li><a href="#">Adult Recreational</a></li>
   

                                       <li><a href="#">Youth Recreational</a></li>
   

                                       <li><a href="#">Senior Recreational</a></li>
   

                                   </ul>
   

                               </li>
   

                               <li><a href="#">Tennis</a></li>
   

                               <li><a href="#">Ice Skating</a></li>
   

                               <li><a href="#">Javascript Programming</a></li>
   

                               <li><a href="#">Running</a></li>
   

                               <li><a href="#">Walking</a></li>
   

                           </ul>
   

                       </li>
   

                       <li><a href="#">Local</a></li>
   

                       <li><a href="#">Health</a></li>
   

                   </ul>
   

               </li>
   

               <li><a href="#">Entertainment</a>
   

                   <ul>
   

                       <li><a href="#">Celebrity news</a></li>
   

                       <li><a href="#">Gossip</a></li>
   

                       <li><a href="#">Movies</a></li>
   

                       <li><a href="#">Music</a>
   

                           <ul>
   

                               <li><a href="#">Alternative</a></li>
   

                               <li><a href="#">Country</a></li>
   

                               <li><a href="#">Dance</a></li>
   

                               <li><a href="#">Electronica</a></li>
   

                               <li><a href="#">Metal</a></li>
   

                               <li><a href="#">Pop</a></li>
   

                               <li><a href="#">Rock</a>
   

                                   <ul>
   

                                       <li><a href="#">Bands</a>
   

                                           <ul>
   

                                               <li><a href="#">Dokken</a></li>
   

                                           </ul>
   

                                       </li>
   

                                       <li><a href="#">Fan Clubs</a></li>
   

                                       <li><a href="#">Songs</a></li>
   

                                   </ul>
   

                               </li>
   

                           </ul>
   

                       </li>
   

                       <li><a href="#">Slide shows</a></li>
   

                       <li><a href="#">Red carpet</a></li>
   

                   </ul>
   

               </li>
   

               <li><a href="#">Finance</a>
   

                   <ul>
   

                       <li><a href="#">Personal</a>
   

                           <ul>
   

                               <li><a href="#">Loans</a></li>
   

                               <li><a href="#">Savings</a></li>
   

                               <li><a href="#">Mortgage</a></li>
   

                               <li><a href="#">Debt</a></li>
   

                           </ul>
   

                       </li>
   

                       <li><a href="#">Business</a></li>
   

                   </ul>
   

               </li>
   

               <li><a href="#">Food &#38; Cooking</a>
   

                   <ul>
   

                       <li><a href="#">Breakfast</a></li>
   

                       <li><a href="#">Lunch</a></li>
   

                       <li><a href="#">Dinner</a></li>
   

                       <li><a href="#">Dessert</a>
   

                           <ul>
   

                               <li><a href="#">Dump Cake</a></li>
   

                               <li><a href="#">Doritos</a></li>
   

                               <li><a href="#">Both please.</a></li>
   

                           </ul>
   

                       </li>
   

                   </ul>
   

               </li>
   

           </ul>
   

       </asp:Panel>
   

    

   Now you can associate a WijMenu control with the Panel.