I am not sure where to start, so I'll just try to describe the problem as best as I can.
I have a radwindow that is set to 90% of the main window's size. Inside that window I have two panels, each with a radgrid with several rows of data each designed to fit 1024x768.
When the number of rows exceed the height of the container, the radgrid uses a vertical scroll. This is as expected. However, whenever the user scrolls the grid using the scrollbar or mouse wheel, as soon as the scrolling stops, the grid grows in width causing the radwindow to get both vertical and horizontal scroll bars.
So far I have only exhibited this problem when viewing the site in IE7 and IE9(compatability mode only). The other problem is that whenever the window is closed, after these scroll bars appear, the next time that window is used, the scroll bars remain in place.
Also, the tooltip for the grid shows something like [1 of 1] but as the grid is scrolled, the width of the tooltip narrows and the text is stacked vertically, as if the div is getting compressed along the width.
When viewed in IE9 (no compatability) the site renders as expected.
There is no backend CSS or javascript that affects the formatting and no posting is done until the user closes the form.
Thanks
I have a radwindow that is set to 90% of the main window's size. Inside that window I have two panels, each with a radgrid with several rows of data each designed to fit 1024x768.
When the number of rows exceed the height of the container, the radgrid uses a vertical scroll. This is as expected. However, whenever the user scrolls the grid using the scrollbar or mouse wheel, as soon as the scrolling stops, the grid grows in width causing the radwindow to get both vertical and horizontal scroll bars.
So far I have only exhibited this problem when viewing the site in IE7 and IE9(compatability mode only). The other problem is that whenever the window is closed, after these scroll bars appear, the next time that window is used, the scroll bars remain in place.
Also, the tooltip for the grid shows something like [1 of 1] but as the grid is scrolled, the width of the tooltip narrows and the text is stacked vertically, as if the div is getting compressed along the width.
When viewed in IE9 (no compatability) the site renders as expected.
There is no backend CSS or javascript that affects the formatting and no posting is done until the user closes the form.
Thanks
2 Answers, 1 is accepted
0
Hello Keith,
Thank you for the detail information provided. Based on your description it is hard to determine the source of the problem. The issue could be caused by inaccurate CSS or some additional code. In order to further investigate the issue you could send us a sample code which successfully replicates the issue when used so we could investigate and advise you with the best possible solution.
Additionally, you could try using different HTML doctype for the page and observe if the issue still persists.
All the best,
Antonio Stoilkov
the Telerik team
Thank you for the detail information provided. Based on your description it is hard to determine the source of the problem. The issue could be caused by inaccurate CSS or some additional code. In order to further investigate the issue you could send us a sample code which successfully replicates the issue when used so we could investigate and advise you with the best possible solution.
Additionally, you could try using different HTML doctype for the page and observe if the issue still persists.
All the best,
Antonio Stoilkov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Keith
Top achievements
Rank 2
Rank 2
answered on 11 Jul 2012, 02:47 PM
Because I am working under a non-disclosure, I cannot provide code, however, I have isolated the problem to the width setting on the radgrid.
To reproduce this issue, drop a radmultipage into a web document, set the width to 100%. Create two page, set their width to 100%. In each of the pages, place a radgrid with the width set to 100%.
This should produce a grid that fills the entire width of the screen.
Display this page inside a radwindow with enough items in either of the radgrids to cause the grid to scroll. When scrolling the grid, observe the content growing beyond the width of the radwindow.
Changing the width of the radgrid to 99% resolves the issue completely.
To reproduce this issue, drop a radmultipage into a web document, set the width to 100%. Create two page, set their width to 100%. In each of the pages, place a radgrid with the width set to 100%.
This should produce a grid that fills the entire width of the screen.
Display this page inside a radwindow with enough items in either of the radgrids to cause the grid to scroll. When scrolling the grid, observe the content growing beyond the width of the radwindow.
Changing the width of the radgrid to 99% resolves the issue completely.