[Solved] Grid resizing problem

[Jeff Buechler]

When using a liquid page layout as opposed to fix width, when then grid has more than five columns, shrinking the browser width causes the columns to extend outside the border of the grid. The grid border continues to shink, but the columns do not. See the attached screen clip. To duplicate, just create a default MVC project (which has a liquid layout) and add any grid with more than five columns. Then shrink the browser window until the grid itself can no longer shrink. The problem does not seem to occur when the grid has five or fewer columns.

This problem exists in bothe the the 2009.3.1320 and the 2010.1.309 release.

I'd like to use a liquid layout, but this is forcing me to use a fixed page width. Any help would be appreciated.

[Alex Gyoshev]

Hello Jeff,

Have you enabled the grid scrolling? The grid should have shown a horizontal scroll in that case.

Greetings,
Alex Gyoshev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Jeff Buechler]

Alex,

I'd rather not have scrolling, but it does take care of the problem.

Thanks,
Jeff

[Dean]

How do you set the grid to scroll horizontally only?

[Dimo]

Hello Dean,

You can use this CSS rule:

.t-grid-content
{
    height: auto !important;
}

The above will influence all Grids on the page. To target the rule to a specific Grid only, you can use its Name, e.g.:

#GridName  .t-grid-content
{
    height: auto !important;
}

Greetings,
Dimo
the Telerik team