RadMenu appear horizontal svroll in RadDock

2 posts, 1 answers
  1. Xuan Truong
    Xuan Truong avatar
    11 posts
    Member since:
    Jan 2011

    Posted 04 Dec 2012 Link to this post

    I have RadMenu in a RadDock and I want radmenu fit 100% width of RadDock, but it appear an horizontal scroll althought content of menu very small.
    How to disappear horizontal scroll in menu?
    Thanks.
    http://i45.tinypic.com/o9k0i8.jpg
    Code :

     <telerik:RadDockLayout runat="server" ID="RadDockLayout1">

         <telerik:RadDockZone ID="RadDockZone1" runat="server" Orientation="Vertical" Width="200px" MinHeight="400px">
         <telerik:RadDock ID="RadDock1" runat="server" Title="Blogs" EnableAnimation="true" Resizable="true" AutoPostBack="true">

             <ContentTemplate>

                 <telerik:RadMenu ID="RadMenuVertical" runat="server" Width="100%" flow="Vertical" EnableShadows="true">

                     <Items>

                         <telerik:RadMenuItem Text="Books" />

                         <telerik:RadMenuItem Text="Cameras" />

                         <telerik:RadMenuItem Text="Music" />

                         <telerik:RadMenuItem Text="Software" />

                     </Items>

                 </telerik:RadMenu>

             </ContentTemplate>

         </telerik:RadDock>

         </telerik:RadDockZone>

     </telerik:RadDockLayout>

  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 05 Dec 2012 Link to this post

    Hi,

    One suggestion is that you can disable the horizontal scroll-bar on the docks using the following style.

    CSS:
    <style type="text/css">
        .rdContent
        {
            overflow-x: hidden !important;
        }
    </style>

    Hope this helps.

    Regards,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top