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 :
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 ?
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 ?