This is a migrated thread and some comments may be shown as answers.

RadMenu appear horizontal svroll in RadDock

1 Answer 90 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Xuan Truong
Top achievements
Rank 1
Xuan Truong asked on 04 Dec 2012, 10:05 AM
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>

1 Answer, 1 is accepted

Sort by
0
Accepted
Princy
Top achievements
Rank 2
answered on 05 Dec 2012, 06:48 AM
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.
Tags
Menu
Asked by
Xuan Truong
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or