Display issue when client resize.

[Maxime]

Hi all,

Here it is :

I use JavaScript to resize on client side a "div" element which contain a RadGrid, and another one which contain a RadChart.
Here is my JS function :

function ToggleDiv(Flag)
{
    if (Flag == "first")
    {
        document.getElementById('gridZonesLosses').style.display = 'block';
        document.getElementById('chartZonesLosses').style.display = 'none';
        document.getElementById('gridZonesLosses').style.width = "100%";
    }
    else
    {
        document.getElementById('chartZonesLosses').style.display = 'block';
        document.getElementById('gridZonesLosses').style.width = "17%";
        document.getElementById('gridZonesLosses').style.cssFloat = "left";
        document.getElementById('gridZonesLosses').style.display = 'block';
        document.getElementById('chartZonesLosses').style.width = "82%";
    }
}

It show and hide perfectly my components, and do the resize.
But when it perform it,  there is some issues with FireFox 13.0. The horizontal scrollbar is not adapted to the new radgrid size, except if i refresh the page by cliking on a button or just execute an AJAX request. Please find in attachment 2 printscreen of the issue and the way it appears.

Any solution ?

[Maxime]

Hi,

Still working on it, and it seems to be OK for IE9 only.

Regards,
Maxime.

[Galin]

Hi Maxime,

You should repaint the RadGrid after resizing and hiding the elements.

I hope this helps

Regards,
Galin
the Telerik team

[Maxime]

Hi,

Many thanks, that worked :)

Regards,
Maxime.