Polaris431
Top achievements
Rank 1
Rank 1
Polaris431
asked on 04 Sep 2008, 06:29 PM
I have a RadTabstrip control. On the first tabpage is a button. On the second tabpage is a RadGrid. The button is used to update the grid. After pressing the button, the grid is updated and the Tabstrip switches to the second tab. This all works fine.
When the browser is resized, I use javascript to resize the RadGrid so that it fills up the entire pageview - effectively filling up the entire browser area. After updating the RadGrid, the bottom part of the grid which says "Loading..." doesn't show up. If you use the mouse and resize any side of the brower even by one pixel or more, the bottom part of the grid will then appear. By resizing the browser, it appears that an internal "refresh" is made that causes the grid to restore its css styles.
The title of this post refers to "Ajax". I edited this post afterwards (although I couldn't edit the title) to remove the reference to Ajax because this problem shows up even without Ajax.
Any ideas what could be causing the lower half to dissappear?
Thanks for your help.
Johann
When the browser is resized, I use javascript to resize the RadGrid so that it fills up the entire pageview - effectively filling up the entire browser area. After updating the RadGrid, the bottom part of the grid which says "Loading..." doesn't show up. If you use the mouse and resize any side of the brower even by one pixel or more, the bottom part of the grid will then appear. By resizing the browser, it appears that an internal "refresh" is made that causes the grid to restore its css styles.
The title of this post refers to "Ajax". I edited this post afterwards (although I couldn't edit the title) to remove the reference to Ajax because this problem shows up even without Ajax.
Any ideas what could be causing the lower half to dissappear?
Thanks for your help.
Johann
1 Answer, 1 is accepted
0
Hi Johann,
Here is a sample page, which replicates your scenario and works as expected. However, it does not contain your Javascript code, which expands RadGrid vertically. Please modify the page, so that the issue is exhibited and send it back to us for further inspection.
Note that when you set a 100% height to some element, it should not have any siblings, otherwise overflowing or clipping of content is likely to occur. I suppose this is part of the problem.
All the best,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Here is a sample page, which replicates your scenario and works as expected. However, it does not contain your Javascript code, which expands RadGrid vertically. Please modify the page, so that the issue is exhibited and send it back to us for further inspection.
Note that when you set a 100% height to some element, it should not have any siblings, otherwise overflowing or clipping of content is likely to occur. I suppose this is part of the problem.
All the best,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.