Rad Splitter and rad menu

[Moustafa]

Hi everyone

I have the following scenario:

§  A rad splitter (that have size of 100% width and height) with two panes (say left and right).

§  The left pane is scrollable one.

§  A rad menu resides inside the left pane.

§  When the length of the rad menu is greater that the length of the left pane the menu appears outside the boundary of that rad pane.

How can I solve this problem?

I tried the following with no benefits:

§  Adjust the z-index of the left pane and the rad menu.

 

§  read the KB that belongs to this issues.

Remarks:

§  I’m using rad controls for asp.net Ajax.

§  Microsoft asp.net with framework 3.5.

§  IE Version 7.

Thanks in advance

 

[Moustafa]

I need reply for this message plz.

[Svetlina Anati]

Hello Moustafa,

Straight to your question:

The described problem comes from the fact that the RadMenu has relative position - in order to get the desired behavior you should apply relative position to its parent RadPane, too as explained here. I recommend to use the second suggested approach - to use a CSS class assigned to the RadPane's CSSClass property because it is the easiest one. All you need to do is the following:

HEAD:

.ApplyPosition
    {
       position: relative;
    }

markup:

   <telerik:RadPane ID="RadPane2" runat="server" CssClass=ApplyPosition>
                <telerik:RadMenu ID=menu runat=server>
                <Items>

Please, also note that if you want to receive a faster and guarantee reply, you can consider using our support system as explained here instead of the forum threads.

All the best,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Moustafa]

thank you sir for your help

what you said solve my  problem but with a small bug

the scrollbar of the rad pane  is not visible until you move mouse over the rad menu

Is there any information to overcome this issue?

thanks in advance

[Svetlina Anati]

Hello Moustafa,

I tested the setup again but the scrollbar is correctly shown and I was not able to reproduce the issue because I do not have your exact configuration. Would you please prepare a sample, fully runnable reproduction project which contains only the splitter and the menu along with your custom CSS (if any), open a new support ticket and send it to me? Please also include information about the behavior under different browsers and the browser version in which I can observe the issue.

Regards,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.