SlidePane on the rigth open to Bottom In IE

4 posts, 0 answers
  1. July
    July avatar
    205 posts
    Member since:
    Jul 2011

    Posted 27 Dec 2011 Link to this post

    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!
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 28 Dec 2011 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. July
    July avatar
    205 posts
    Member since:
    Jul 2011

    Posted 28 Dec 2011 Link to this post

    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
  5. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 03 Jan 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top