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

Client resize on width change of adjacent column

2 Answers 69 Views

Scheduler

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

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

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.