Hi have a grid with paging on it. I want it to be resized (including the pager) whenever I resize the form or change the pager size/index.
I have the following code:
1. The grid loads ok the first time it is loaded i.e. the grid + pager are aligned to the footer.
2. When I change the pager size to say 20 from 50. The grid + pager moves up and is no longer aligned to the footer.
3. Same thing happens when I change the page index.
3. If I resize the form, the pager moves down and aligns itself with the footer (which is what I want)
How do I fix the above behavior in step 2 and 3 above so that the grid resizes each time?
I have the following code:
<telerik:RadCodeBlock runat="server" ID="MainScriptBlock"> <script type="text/javascript"> window.$ = $telerik.$; jQuery.event.add(window, "load", resize); jQuery.event.add(window, "resize", resize); function resize() { var h = $(window).height(); $(".resizeGrid").css({ 'height': (h - 60) }); } </script> </telerik:RadCodeBlock>1. The grid loads ok the first time it is loaded i.e. the grid + pager are aligned to the footer.
2. When I change the pager size to say 20 from 50. The grid + pager moves up and is no longer aligned to the footer.
3. Same thing happens when I change the page index.
3. If I resize the form, the pager moves down and aligns itself with the footer (which is what I want)
How do I fix the above behavior in step 2 and 3 above so that the grid resizes each time?