This question is locked. New answers and comments are not allowed.
Hi All,
I have a ViewModel that has a Telerik Tabcontrol. On one of those controls I perform a partial render with another view that has a Telerik Grid control.
The Columns render beyond the edge of the TabControl how can I stop this from happening. I have attached 2 screen shots so that it's easier to see what is happening.
I have a ViewModel that has a Telerik Tabcontrol. On one of those controls I perform a partial render with another view that has a Telerik Grid control.
The Columns render beyond the edge of the TabControl how can I stop this from happening. I have attached 2 screen shots so that it's easier to see what is happening.
3 Answers, 1 is accepted
0
Hello William,
It looks like the number of columns is too large and they cannot fit in the available space. Please increase the available space or enable Grid scrolling by setting Scrollable(), as shown in the online demos.
http://demos.telerik.com/aspnet-mvc/grid
All the best,
Dimo
the Telerik team
It looks like the number of columns is too large and they cannot fit in the available space. Please increase the available space or enable Grid scrolling by setting Scrollable(), as shown in the online demos.
http://demos.telerik.com/aspnet-mvc/grid
All the best,
Dimo
the Telerik team
Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>
0
william
Top achievements
Rank 1
Rank 1
answered on 30 Aug 2011, 03:29 PM
Adding .Scrollable() as per the example renders the page as per screen shot. As you can see the screen has been totally destroyed. If I remove this then my screen revert back to my original examples.
0
Accepted
Hello William,
It seems to me that you have set some invalid (too small) column widths for some columns. When enabling scrolling, a fixed table-layout style is applied to the Grid's table elements, so that even the small column widths are obeyed. In addition, you should set widths for all columns and the sum of all column widths should exceed the width of the Grid, so that a horizontal scrollbar is displayed. If I am not mistaken, you will not need the current scrollbar anymore.
If you still experience difficulties, please provide a runnable project, so that I can take a look, or a live URL.
All the best,
Dimo
the Telerik team
It seems to me that you have set some invalid (too small) column widths for some columns. When enabling scrolling, a fixed table-layout style is applied to the Grid's table elements, so that even the small column widths are obeyed. In addition, you should set widths for all columns and the sum of all column widths should exceed the width of the Grid, so that a horizontal scrollbar is displayed. If I am not mistaken, you will not need the current scrollbar anymore.
If you still experience difficulties, please provide a runnable project, so that I can take a look, or a live URL.
All the best,
Dimo
the Telerik team
Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>