COntent not visible after collapse and expand

4 posts, 1 answers
  1. Shane Grant
    Shane Grant avatar
    20 posts
    Member since:
    Dec 2009

    Posted 01 Jan 2010 Link to this post

    Not sure if this is a bug, but it was not easy to trace the issue:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"
    <head runat="server"
        <title></title
    </head> 
    <body> 
        <form id="form1" runat="server"
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" /> 
        <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%"
            <telerik:RadPane runat="server" ID="RadPane1" Width="300px" Scrolling="None"
                left sidebar 
            </telerik:RadPane> 
            <telerik:RadSplitBar runat="server" ID="RadSplitbar1" CollapseMode="Both" /> 
            <telerik:RadPane runat="server" ID="Radpane2"
                top zone 
                <div id="centerContent"
                    <div style="float: left; max-width: 50%; height: 100%;"
                        left zone 
                    </div> 
                    <div style="float: right; max-width: 50%; height: 100%;"
                        Right zone 
                    </div> 
                </div> 
                <div style="width: 100%; min-height: 10px; clear: both;"
                    bottom zone 
                </div> 
            </telerik:RadPane> 
        </telerik:RadSplitter> 
        </form> 
    </body> 
    </html> 

    With the test page as above the page displays correctly until your collapse the splitbar either way, then when you open it back the content that was hidden stays hidden.

    To fix all I had to do was remove the Height="100%" from the RadSplitter element, but this does not seem right.
  2. Christopher Bishop
    Christopher Bishop avatar
    50 posts
    Member since:
    May 2008

    Posted 03 Jan 2010 Link to this post

    html,form,body {  
        margin:0px;  
        padding:0px;  
        height:100%;  
        width:100%;  
        overflow:hidden;  
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Christopher Bishop
    Christopher Bishop avatar
    50 posts
    Member since:
    May 2008
  5. Answer
    Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 04 Jan 2010 Link to this post

    Hi Shane,

    I built up a test demo based on your code but unfortunately to no avail - I was not able to reproduce the problem - please see the video capture I prepared and attached for your reference.

    The content did not disappear but I noticed that your splitter does not occupy 100% of the height of the page - in order to correctly size it you should add the style Chris suggested. As to the article he provided, this used to happen only with the Q3 2008 release and happens on page load when VisibleDuringInit=false which is not your case.

    In case the problem persists, please provide more detailed reproduction steps, explanations, browser infirmation and some screenshots and once I am able to observe the problem locally I will do my best to help.

    Regards,
    Svetlina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top