Hi,

 

I isolated this script to display overlay drawer but it not working properly, what am I missing?:

 

               <script>
                   function showDrawer(sender, args) {
                       $find("<%= OverlayDrawer.ClientID %>").show();
            }
 
            function hideDrawer() {
                $find("<%= OverlayDrawer.ClientID %>").hide();
                   }
               </script>

        <style>

            .drawer-content {
    height: 200px;
    padding: 1em;
}
 
.RadDrawer.borderless-drawer {
    border: 0;
}
 
div.k-widget.k-drawer {
    z-index: 42002;
}
        </style>
         <asp:Button Width="100" ID="ShowDrawer" Text="Show" AutoPostBack="false" runat="server" OnClientClicked="showDrawer" />
                            <asp:Button Width="100" ID="HideDrawers" Text="Hide" AutoPostBack="false" runat="server" OnClientClicked="hideDrawer" />


       <telerik:RadDrawer runat="server" ID="OverlayDrawer" Skin="Silk" CssClass="borderless-drawer" Position="Right" SwipeToOpen="false">
            <ItemsTemplate>
                 <ul> 
                    <li data-role='drawer-item'><span class='k-item-text'>First Item</span></li>
                    <li data-role='drawer-separator'></li>
                    <li data-role='drawer-item'><span class='k-item-text'>Second Item</span></li> 
                    <li data-role='drawer-item' class='k-state-selected'><span class='k-item-text'>Third Item</span></li> 
                    <li data-role='drawer-separator'></li> 
                    <li data-role='drawer-item'><span class='k-item-text'>Last Item</span></li> 
                </ul>
            </ItemsTemplate>
        </telerik:RadDrawer>

Hi,

 

Is the attached app from the Telerik website a raddrawer?

Could you reveal the code for this?

 

Marc