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

RadSplitter Appear over other RadControls

2 Answers 157 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Kyle Schiele
Top achievements
Rank 1
Kyle Schiele asked on 22 Jan 2008, 11:55 AM
Can someone advise how to make the RadSplitter appear over RadRotator, RadCalendar. I have tried setting the zindex on the RadSplitter and all of the nested tags within.  The Splitter seems to appear over non Telerik controls.

z-index = 100

2 Answers, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 22 Jan 2008, 01:15 PM
Hi Kyle,
Please try the following approach:
  1. Execute the following js code when the RadSplitter initially loads, where RadPane1 is the RadPane, holding the RadSlidingZone:
        <script type="text/javascript">     
        function OnClientLoadedHandler(sender, args)     
        {     
            var pane = sender.getPaneById("<%= RadPane1.ClientID %>");     
            var contentHolder = pane.getContentElement().parentNode;     
            contentHolder.style.position = "relative";     
            contentHolder.style.zIndex = "2";     
        }     
        </script>    
      <form id="form1" runat="server" style="height: 100%;">  
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        </telerik:RadScriptManager>  
        <telerik:RadSplitter ID="SplitterMain" runat="server" OnClientLoaded="OnClientLoadedHandler"
  2. Apply the following style to the RadPane holding the controls that appear above the RadSlidingPane:
    <head runat="server">  
      <title>Untitled Page</title> 
        <style type="text/css">   
        .RadPaneStyle{position:relative;}            
        </style> 
    </head> 
     
    .........  
     
    <telerik:RadPane ID="RadPane2" runat="server" CssClass="RadPaneStyle">  
        
In case the problem persists, we will need a simple running project, demonstrating the described problem.

Regards,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Kyle Schiele
Top achievements
Rank 1
answered on 22 Jan 2008, 02:29 PM
The above solution solved the issue.
Tags
Splitter
Asked by
Kyle Schiele
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
Kyle Schiele
Top achievements
Rank 1
Share this question
or