RadSlider Pane Scrolling problem

[Kevin]

I have a RadSlidingPane that has a div that is populated with a CSS menu from javascript thats wrapped in a DIV (whos position is set to relative). When the menu is larger than the RadSlidingPane a scrollbar appears, however the menu elements do not move up and down with the scrollbar they remain fixed. however, if i move the scrollbar to a different position and then reopen the slider pane the menu appears elsewhere on the screen (as if it had been controlled by the slider. I can provide screenshots / example code if you prefer?). the problem i have is that i need the RadSlidingPane scroll bars to deal with this as the CSS menu has elements floating off the right of the menu which will overlap the RadSlidingPane.

The additional problem is at present even though the scrollbars dont work when clicked they sometimes cause iExplorer to totally crash out! causing "an unhandled win32 exception" which occurs in iexplorer.exe. Have you had similar experience with this happening in the past with this control?

Any help with this would be great!

find below an exert of the code that controls the Slide menu. the <div id="Portal_top_menu" contains the CSS Menu

<telerik:RadSplitter ID="uiNavSplitter" runat="server" Width="99.9%" BorderSize="0" Skin="Office2007" Height="100%" OnClientLoaded="OnClientLoadedHandler" HeightOffset="124">
                        <telerik:RadPane ID="uiLeftPane" runat="server" Width="22" Style="margin-top: 10px;">
                            <telerik:RadSlidingZone ID="uiLeftSlidingZone" runat="server" Width="22" BorderStyle="None">
                                <telerik:RadSlidingPane ID="uiPortalNavigatorPane" Title="Portal" runat="server" Width="300" EnableResize="False" Height="56px" TabView="TextOnly" DockText = "AutoHide" UndockText="AutoHide" OnClientDocked="OnDock" OnClientUndocked="OnUndock">
                                    <!-- Portal Navigator -->
                                    <div id="PortalNavigatorPanel" class="CompNavMenuBack">
                                        <div id="uiPortalNavigator" style="margin-bottom: 10px; white-space: nowrap">
                                            <input id="NavCrumbTrail_2" class="NavMenuCrumbTrail" readonly="readonly" type="text" />
                                            <a class="NavMenuButton" href="javascript:NavBack(true, 2)">
                                                <img id="BackImg_2" alt="Back" src="../images/NavImages/back.gif" style="border: 0px" /></a>
                                            <a class="NavMenuButton" href="javascript:NavHome(2)">
                                                <img id="HomeImg_2" alt="Back to root" src="../images/NavImages/home.gif" style="border: 0px" /></a>
                                        </div>
                                        <!-- Top menu placeholder -->
                                        <div id="Portal_top_menu" class="NavMenu" style="position: relative;">
                                        </div>
                                    </div>
                                    <!-- Portal Navigator END -->
                                </telerik:RadSlidingPane>

[Svetlina Anati]

Hi Kevin,

The provided code is not enough to reproduce the problem. However, in case you have a relative positioned element in the RadSlidingPane I recommend to test whether setting relative positioning to the RadSlidingPane itself will fix the problem. In order to do this you should declare a proper CSS class and assign it to the sliding pane's CssClass property as shown below:

.ApplyPosition
{
   position: relative !important;
}

 <telerik:RadSlidingPane ID="uiPortalNavigatorPane" Title="Portal" runat="server"
                     CssClass="ApplyPosition"   Width="300" EnableResize="False" Height="56px" TabView="TextOnly" DockText="AutoHide"
                        UndockText="AutoHide">

As to your second question, we are not aware of such problem and I assume that it is most probably related to your custom code - I suggest to debug the project and locate the reason for the problem.

If my suggestion about the relative positioning does not help or you experience problems directly related to RadControls, please open a new support ticket and send me a sample, fully working project which includes all your needed custom javascript and CSS along with reproduction instructions.

Sincerely yours,
Svetlina
the Telerik team

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