Client resize on width change of adjacent column

[Gavin Pollock]

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

[Peter]

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.

[Gavin Pollock]

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