SlidePane on the rigth open to Bottom In IE

[July]

Hi!...
some days ago, telerik send me a solution for show slidepane on the right opent to Bottom.
This works perfectlly in FF but no in IE.

In FF:





in IE:




How I can Fix this?
Thanks!

[Kate]

Hi Julieta,

Can you please elaborate on your scenario since simply a screenshot of the issue is noy enough for us to replicate the appearance that you do? Can you also clarify which controls you are using - RadSplitter and RadGrid or you use a RadPanelBar as well?

All the best,
Kate
the Telerik team

[July]

this is Help user control...

 <style type="text/css">
        .rightAlignedTabs .rspTabsContainer
        {
            float: right !important;
            border-color:Black;
        }
    </style>
    <script type="text/javascript">
        function OnClientExpanded(spane, args) {
            var paneElement = spane.get_element();
            paneElement.style.left = "1px";
        }        

        function OnClientDock(spane, args) {
            var divElement = document.getElementById("containerSubWHelp");
            if (divElement == null) {
                divElement = document.getElementById("containerSub");                
            }

            divElement.style.marginTop = "9%";           
        }

        function OnClientUnDock(spane, args) {
            var divElement = document.getElementById("containerSubWHelp");
            if (divElement == null) {
                divElement = document.getElementById("containerSub");
            }     
            divElement.style.marginTop = "0%";
            
        }        
        </script>

 <div  style="float:left;  width:100%; position:absolute; top:0; left:2.1%;background-color:transparent">

  <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%"  Skin="Vista" >
 
          
                <telerik:RadPane ID="Radpane1" runat="server" Height="19px" Scrolling="none"  Width="100%" CssClass="rightAlignedTabs" >
                    <telerik:RadSlidingZone ID="Radslidingzone2" runat="server"  Width="100%" SlideDirection="Bottom">
                        <telerik:RadSlidingPane ID="Radslidingpane4" Title="Help" Width="100%" runat="server" Height="110px" OnClientExpanded="OnClientExpanded" OnClientUndocked="OnClientUnDock" OnClientDocked="OnClientDock">
                            <div  style="font-size:9px; font-family:inherit;">
                                <ul id="ulHelp" runat="server" style="font-size:9px; font-family:inherit">
                                    
                                </ul>
                            </div>
                            <div><asp:LinkButton CssClass="containerRegistration link" runat="server" ID="lnkReadMore" Enabled="false" ></asp:LinkButton></div>
                             </telerik:RadSlidingPane>
                             </telerik:RadSlidingZone>
                             </telerik:RadPane>       
               
            </telerik:RadSplitter>
</div>

And this is the inital post closed.

http://www.telerik.com/community/forums/aspnet-ajax/splitter/sildepane-on-the-rigth-open-to-bottom.aspx

thanks

[Dobromir]

Hi Julieta,

In the provided code snippet I noticed the following issues:

1. RadSplitter's Height is set to 100% but its direct parent does not have set height explicitly - this will prevent the splitter to calculate its size correctly.
2. The SlideDirection property of the sliding zone is set to Bottom - this configuration is correct only for a horizontal oriented splitter.
3. The provided splitter declaration contains a single RadPane which is not valid splitter configuration, and this may unexpected behavior of the control.
4. OnClientDock and OnClientUndock handlers throw a JavaScript error - divElement variable is null. This is due to the fact that no HTML elements with the corresponding IDs are present in the provided markup.

Could you please provide more detailed information on what exactly you are trying to achieve, so we can try to provide the correct approach to fix the above issues?
Regards,
Dobromir
the Telerik team