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

Client resize on width change of adjacent column

2 Answers 22 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Gavin Pollock
Top achievements
Rank 1
Gavin Pollock asked on 01 Jun 2010, 09:02 AM
Hi there,

We have implemented the scheduler with a Filter column to the right. The structure is set up as:

<script> 
function ToggleRightCol(oImg)  
{  
    var rightCol = document.getElementById('rightCol');  
    if (rightCol != null) {  
        if (rightCol.style.width != '20px') {  
            rightCol.style.width = '20px';  
            oImg.src = '_images/backwardGreen.gif';  
        }  
        else  {  
            rightCol.style.width = '230px';  
            oImg.src = '_images/forwardGreen.gif';  
        }  
        $find("oSched").repaint();   
    }  
}  
 
</script> 
 
<table cellspacing="0" cellpadding="0" style="table-layout:fixed;width:100%">  
    <colgroup> 
        <col valign="top" /> 
        <col valign="top" style="" /> 
    </colgroup> 
        <tr> 
            <td><telerik:RadScheduler ID="oSched" runat="server" .... ></telerik:RadScheduler></td>  
            <td id="rightCol" style="width:230px;overflow:hidden;">  
            <div><img src="_images/forwardGreen.gif" onclick="javascript: ToggleRightCol(this);" alt="Show/Hide" /> 
            </div> 
            <telerik:RadCalendar runat="server" ID="RadCalendar1" ....  ></telerik:RadCalendar> 
            <asp:Panel runat="server" ID="dvFilter">  
            </asp:Panel> 
        </td> 
    </tr> 
</table> 

The behaviour we are experiencing is that on the initial hide of the column, the scheduler correctly expands to be a bigger width. However, when the right column is re-expanded, the scheduler remains at the expanded width and does not collapse at all.

Could you recommend a way of dealing with this?

I originally had 2 DIVs side by side, with the right hand one floated, but had a different but also incorrect behaviour on the re-expand, the Scheduler would expand to 100% width of the browser screen and drop below the right column div.

A solution to either would be fine really!

Thanks
Gavin

2 Answers, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 03 Jun 2010, 11:17 AM
Hello Gavin,

I tested this case under various browsers such as IE7,8 and FF, but i got consistent and correct behavior for all. Here is a screencapture of my test under IE8 for example -  http://screencast.com/t/YmJmMzU1

What browser do you use? Are you using the current official version of RadControls - 2010.1.519? Are there any specific steps we need to follow to be able to replicate the issue?


All the best,
Peter
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Gavin Pollock
Top achievements
Rank 1
answered on 06 Jun 2010, 04:37 PM
Hi Peter,

Many thanks for your screencast. I went back to the structure and had another look to see why our two examples were acting differently and realised there was no DOCTYPE defined in the page we were using. After setting this to XHTML transitional, this is now working perfectly.

Thanks again
Gavin
Tags
Scheduler
Asked by
Gavin Pollock
Top achievements
Rank 1
Answers by
Peter
Telerik team
Gavin Pollock
Top achievements
Rank 1
Share this question
or