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

COntent not visible after collapse and expand

3 Answers 58 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Shane Grant
Top achievements
Rank 1
Shane Grant asked on 02 Jan 2010, 01:37 AM
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.

3 Answers, 1 is accepted

Sort by
0
Christopher Bishop
Top achievements
Rank 2
answered on 03 Jan 2010, 07:02 PM
html,form,body {  
    margin:0px;  
    padding:0px;  
    height:100%;  
    width:100%;  
    overflow:hidden;  
0
Christopher Bishop
Top achievements
Rank 2
answered on 03 Jan 2010, 07:04 PM
0
Accepted
Svetlina Anati
Telerik team
answered on 04 Jan 2010, 10:59 AM
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.
Tags
Splitter
Asked by
Shane Grant
Top achievements
Rank 1
Answers by
Christopher Bishop
Top achievements
Rank 2
Svetlina Anati
Telerik team
Share this question
or