Menu - Overlay

  • PianosToggle
    • Grand pianos
    • Upright pianos
    • Disklavier
    • Silent pianos
    • Hybrit pianos
    • Digital pianos
    • State pianos
    • Accessories
  • GuitarsToggle
    • Classical GuitarsToggle
      • 1/2 Size Classical Guitars
      • 3/4 Size Classical Guitars
      • 7/8 Size Classical Guitars
      • 4/4 Size Classical Guitars
      • Lefthanded Classical Guitars
      • Concert Guitars
    • Steel String GuitarsToggle
      • 3/4 Size and Travel Guitars
      • Dreadnought Guitars
      • Jumbo Guitars
      • Folk Guitars
      • 12-String Westernguitars
      • Lefthanded Acoustic Guitars
    • Acoustic Basses
    • Electric GuitarsToggle
      • ST Models
      • T-Models
      • LP-Models
      • SG Models
      • 7-String Guitars
      • 8-String Guitars
      • Lefthanded Guitars
    • Electric BassesToggle
      • 4-String J-Basses
      • 5-String J-Basses
      • 4-String P-Basses
      • Misc. 4-String Basses
      • Misc. 5-String Basses
    • Amplifiers for Acoustic Guitars
    • Amplifiers for Electric Guitars
    • Bass Amplifiers
  • StringsToggle
    • Violins and Violas
    • Electric Violins and Violas
    • Accessories for Violins and Violas
    • Electric Cellos
    • Double Basses
  • DrumsToggle
    • Acoustic DrumsetsToggle
      • Acoustic Drumsets
      • Shell Sets
      • Bass Drums
      • Tomtoms
    • E-DrumsToggle
      • Electronic Drumsets
      • E - Drum Sound Modules
      • E - Drum Bass Pads
      • E - Drum Tom Pads
      • E - Drum Snare Pads
      • E - Drum Cymbal Pads
    • Drum Thrones
  • PercussionsToggle
    • Percussion sets
    • Congas
    • Bongos
    • Djembes
    • Cajons, Cajintos, Yambus
    • Hand Drums
    • Tambourines
    • Maracas
  • BrassToggle
    • Saxophones
    • Trumpets
    • Flugelhorns
    • Trombones
    • Horns
    • Flutes
    • Clarinets
  • AccessoriesToggle
    • Stands
    • Seats and Stools
    • Metronomes and Tuners
    • Batteries and Charging sets
    • Clothing
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

RadMenu can display menu groups over windowed objects such as HTML select boxes and Flash movies. You need to hover a menu item so that the RadMenu opens on top of the DropDownList and Flash movie.

  • DefaultCS.aspx
  • styles.css
<%@ Page Language="c#"  %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</head>


<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />

    <div class="demo-container no-bg">

        <telerik:RadMenu RenderMode="Lightweight" ID="RadMenu1" runat="server" ShowToggleHandle="true" Width="700px">
            <Items>
                <telerik:RadMenuItem Text="Pianos">
                    <Items>
                        <telerik:RadMenuItem Text="Grand pianos" />
                        <telerik:RadMenuItem Text="Upright pianos" />
                        <telerik:RadMenuItem Text="Disklavier"/>
                        <telerik:RadMenuItem Text="Silent pianos" />
                        <telerik:RadMenuItem Text="Hybrit pianos" />
                        <telerik:RadMenuItem Text="Digital pianos" />
                        <telerik:RadMenuItem Text="State pianos" />
                        <telerik:RadMenuItem Text="Accessories" />
                    </Items>
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Guitars">
                    <Items>
                        <telerik:RadMenuItem Text="Classical Guitars">
                            <Items>
                                <telerik:RadMenuItem Text="1/2 Size Classical Guitars" />
                                <telerik:RadMenuItem Text="3/4 Size Classical Guitars" />
                                <telerik:RadMenuItem Text="7/8 Size Classical Guitars" />
                                <telerik:RadMenuItem Text="4/4 Size Classical Guitars" />
                                <telerik:RadMenuItem Text="Lefthanded Classical Guitars" />
                                <telerik:RadMenuItem Text="Concert Guitars" />
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="Steel String Guitars">
                            <Items>
                                <telerik:RadMenuItem Text="3/4 Size and Travel Guitars" />
                                <telerik:RadMenuItem Text="Dreadnought Guitars" />
                                <telerik:RadMenuItem Text="Jumbo Guitars" />
                                <telerik:RadMenuItem Text="Folk Guitars" />
                                <telerik:RadMenuItem Text="12-String Westernguitars" />
                                <telerik:RadMenuItem Text="Lefthanded Acoustic Guitars" />
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="Acoustic Basses" />
                        <telerik:RadMenuItem Text="Electric Guitars">
                            <Items>
                                <telerik:RadMenuItem Text="ST Models" />
                                <telerik:RadMenuItem Text="T-Models" />
                                <telerik:RadMenuItem Text="LP-Models" />
                                <telerik:RadMenuItem Text="SG Models" />
                                <telerik:RadMenuItem Text="7-String Guitars" />
                                <telerik:RadMenuItem Text="8-String Guitars" />
                                <telerik:RadMenuItem Text="Lefthanded Guitars" />
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="Electric Basses">
                            <Items>
                                <telerik:RadMenuItem Text="4-String J-Basses" />
                                <telerik:RadMenuItem Text="5-String J-Basses" />
                                <telerik:RadMenuItem Text="4-String P-Basses" />
                                <telerik:RadMenuItem Text="Misc. 4-String Basses" />
                                <telerik:RadMenuItem Text="Misc. 5-String Basses" />
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="Amplifiers for Acoustic Guitars" />
                        <telerik:RadMenuItem Text="Amplifiers for Electric Guitars" />
                        <telerik:RadMenuItem Text="Bass Amplifiers" />
                    </Items>
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Strings">
                    <Items>
                        <telerik:RadMenuItem Text="Violins and Violas" />
                        <telerik:RadMenuItem Text="Electric Violins and Violas" />
                        <telerik:RadMenuItem Text="Accessories for Violins and Violas" />
                        <telerik:RadMenuItem Text="Electric Cellos" />
                        <telerik:RadMenuItem Text="Double Basses" />
                    </Items>
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Drums">
                    <Items>
                        <telerik:RadMenuItem Text="Acoustic Drumsets" >
                            <Items>
                                <telerik:RadMenuItem Text="Acoustic Drumsets" />
                                <telerik:RadMenuItem Text="Shell Sets" />
                                <telerik:RadMenuItem Text="Bass Drums" />
                                <telerik:RadMenuItem Text="Tomtoms" />
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="E-Drums">
                            <Items>
                                <telerik:RadMenuItem Text="Electronic Drumsets" />
                                <telerik:RadMenuItem Text="E - Drum Sound Modules" />
                                <telerik:RadMenuItem Text="E - Drum Bass Pads" />
                                <telerik:RadMenuItem Text="E - Drum Tom Pads" />
                                <telerik:RadMenuItem Text="E - Drum Snare Pads" />
                                <telerik:RadMenuItem Text="E - Drum Cymbal Pads" />
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="Drum Thrones" />
                    </Items>
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Percussions">
                    <Items>
                        <telerik:RadMenuItem Text="Percussion sets" />
                        <telerik:RadMenuItem Text="Congas" />
                        <telerik:RadMenuItem Text="Bongos" />
                        <telerik:RadMenuItem Text="Djembes" />
                        <telerik:RadMenuItem Text="Cajons, Cajintos, Yambus" />
                        <telerik:RadMenuItem Text="Hand Drums" />
                        <telerik:RadMenuItem Text="Tambourines" />
                        <telerik:RadMenuItem Text="Maracas" />
                    </Items>
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Brass">
                    <Items>
                        <telerik:RadMenuItem Text="Saxophones" />
                        <telerik:RadMenuItem Text="Trumpets" />
                        <telerik:RadMenuItem Text="Flugelhorns" />
                        <telerik:RadMenuItem Text="Trombones" />
                        <telerik:RadMenuItem Text="Horns" />
                        <telerik:RadMenuItem Text="Flutes" />
                        <telerik:RadMenuItem Text="Clarinets" />
                    </Items>
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Accessories">
                    <Items>
                         <telerik:RadMenuItem Text="Stands" />
                         <telerik:RadMenuItem Text="Seats and Stools" />
                         <telerik:RadMenuItem Text="Metronomes and Tuners" />
                         <telerik:RadMenuItem Text="Batteries and Charging sets" />
                         <telerik:RadMenuItem Text="Clothing" />
                    </Items>
                </telerik:RadMenuItem>
            </Items>
        </telerik:RadMenu>

        <div>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="500">
                <param name="movie" value="Images/MusicStore.swf" />
                <param name="wmode" value="transparent" />
                <object type="application/x-shockwave-flash" data="Images/MusicStore.swf"
                    width="700px" height="500px">
                    <param name="wmode" value="transparent" />
                </object>
            </object>
        </div>

    </div>

    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?