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

listbox and ddl overlap radslidingpane

4 Answers 147 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Nate
Top achievements
Rank 1
Nate asked on 19 Jul 2007, 12:03 AM
There was a similar sounding question near the bottom of the currently posted questions. I am not quite sure if that is how to fix my problem.
When I view my code in IE6 the radslidingpanes go under any listbox or dropdownlist in my right pane. In FireFox 2.0.0.1 it works fine..

since I am not using docking panels I tried just using part of your solution to change the zindex of the sliders.
<style type="text/css">             
  #ctl00_ContentPlaceHolder1_LeftPane{position:relative;z-index:999;}     
                
  @media screen and (min-width: 550px)     
  {     
      #ctl00_ContentPlaceHolder1_LeftPane{display:block;float:left;}     
   }    
</style>  

That didn't seem to work.
Any thoughts? Thanks.

4 Answers, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 25 Jul 2007, 12:36 PM
Hello Nate,
Even though the problem may seem the same, it is not - the mentioned workaround is for elements with relative positioning and the case with DropDownList is different. I forwarded this problem to our developers and we will do our best to fix it for the next update.

500 Telerik points got to your Client.net account for the report.

Regards,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Marco
Top achievements
Rank 1
answered on 02 Nov 2007, 12:24 AM
Hello Tsvetie,

I use the Q2 prometheus splitter control, and came across this problem in my project.
I have a slidepane on top of my page, and when he slide down, the dropdownlists on the webpage, are visible inside the slidingpane.

Did you have allready a solution for this, or am i looking over something?

p.s.
Also a strange thing happens when there is a grid under the slidingzone, and i use static headers  for the grid  (and allow the grid clientside scrolling).
When the pane is sliding down, he stay down without to be docked.
Also the headers are behind the slidingzone (thats good), but the grid himself is visible on front of the slidingzone. (not good)

Thanks
0
Marco
Top achievements
Rank 1
answered on 02 Nov 2007, 12:30 PM

Well i must react on my own post...
I found the solution voor the grid behaviour, but not yet for the dropdownlist.
To get the radgrid behind the slidingpane, i have applied the folowing between the head tag.

<style type="text/css">

.DockRadPane{position:relative;}

#RAD_SPLITTER_PANE_TR_RadPane1{position:relative;z-index:2;}

@media screen and (min-width: 550px)

{

.DockRadPane{position:static !important}

#RAD_SPLITTER_PANE_TR_RadPane1{display:block;float:left;}

}

</style>

(Radpane1 is the radpane that holds the slidingzone)

This was mentioned in a other post at the radsplitter and also in some way in this post, and works.
But unfortenly this doesn't work for the dropdownlists. The slidingzone keep sliding under the dropdownlists.

0
Tsvetie
Telerik team
answered on 06 Nov 2007, 03:37 PM
Hello Marco,
For the time being, I can offer you the following workaround for dropdownlists:
<body>    
    <script type="text/javascript">         
    function OnClientBeforeExpandHandler(sender, args)     
    {     
        var ddl = document.getElementById('<%= ddlCompRooster.ClientID %>');     
        ddl.style.display = 'none';     
    }     
    function OnClientCollapsedHandler(sender, args)     
    {     
        var ddl = document.getElementById('<%= ddlCompRooster.ClientID %>');     
        ddl.style.display = '';     
    }     
    </script>    
    <form id="form1" runat="server">     
        <asp:ScriptManager ID="ScriptManager1" runat="server" />    
        <telerik:RadSplitter ID="MainSplitter" runat="server" Orientation="Horizontal">  
            <telerik:RadPane ID="RadPane1" runat="server" Width="100%" Height="23px" Scrolling="None">        
                <telerik:RadSlidingZone ID="SlidingZone1" runat="server" ClickToOpen="true" SlideDirection="Bottom">        
                    <telerik:RadSlidingPane ID="RadSlidingPane1" Title="Pane 1" runat="server" Height="110px"   OnClientBeforeExpand="OnClientBeforeExpandHandler"      
                        OnClientCollapsed="OnClientCollapsedHandler">       
                        test         
                    </telerik:RadSlidingPane>       
                </telerik:RadSlidingZone>       
            </telerik:RadPane>       
            <telerik:RadPane ID="Radpane2" runat="server" Scrolling="None">        
                  <asp:DropDownList ID="ddlCompRooster" runat="server">        
                  </asp:DropDownList>               
            </telerik:RadPane>       
        </telerik:RadSplitter>       
    </form>         
</body>    
 


Sincerely yours,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
Tags
Splitter
Asked by
Nate
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
Marco
Top achievements
Rank 1
Share this question
or