Andrew Ryan
Top achievements
Rank 1
Rank 1
Andrew Ryan
asked on 14 Oct 2009, 08:20 PM
I've attached a (poorly) draw drawing to help explain what I'm asking in this post.
I'd like to have a RadGrid in the center of the page that dynamically shrinks and grows with the page in the container that it's it. So, if you look at the image, you can see the section where the RadGrid is in. It should own 100% of that container.
When the container shrinks, the RadGrid should just sprout scrollbars as needed, but the "Tasks" section and the header need to be fixed in size. So - as the width of the window changes, the RadGrid needs to get narrowed so that the Tasks section remains fixed in size. If it ever gets smaller that the columns it needs to show, a scrollbar should be shown.
And, as the the window gets less tall (height descreases), the RadGrid needs to get smaller and similiarly show a scrollbar if neccessay.
Any ideas on how to accomplish this? An iframe?
I'd like to have a RadGrid in the center of the page that dynamically shrinks and grows with the page in the container that it's it. So, if you look at the image, you can see the section where the RadGrid is in. It should own 100% of that container.
When the container shrinks, the RadGrid should just sprout scrollbars as needed, but the "Tasks" section and the header need to be fixed in size. So - as the width of the window changes, the RadGrid needs to get narrowed so that the Tasks section remains fixed in size. If it ever gets smaller that the columns it needs to show, a scrollbar should be shown.
And, as the the window gets less tall (height descreases), the RadGrid needs to get smaller and similiarly show a scrollbar if neccessay.
Any ideas on how to accomplish this? An iframe?
1 Answer, 1 is accepted
0
Hi Andrew Ryan,
I am afraid there is no drawing attached to your post, but anyway, your scenario can be implemented by using RadGrid with scrolling enabled. Here is a similar example:
http://www.telerik.com/community/code-library/aspnet-ajax/grid/setting-100-height-and-resize-on-container-resize-for-grid-with-scrolling-and-static-headers.aspx
If the RadGrid is ajaxified, you will need to set a 100% height to its update panel as well, because elements with percentage height require their parent elements to have an explicit height:
http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-set-100-height-and-random-styles-to-a-radajaxmanager-update-panel.aspx
Sincerely yours,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
I am afraid there is no drawing attached to your post, but anyway, your scenario can be implemented by using RadGrid with scrolling enabled. Here is a similar example:
http://www.telerik.com/community/code-library/aspnet-ajax/grid/setting-100-height-and-resize-on-container-resize-for-grid-with-scrolling-and-static-headers.aspx
If the RadGrid is ajaxified, you will need to set a 100% height to its update panel as well, because elements with percentage height require their parent elements to have an explicit height:
http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-set-100-height-and-random-styles-to-a-radajaxmanager-update-panel.aspx
Sincerely yours,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.