[Solved] Set a "Max height"

[Julien]

Hi,

I want to have a scrollable Grid, so I put the .Scrollable() to my Grid. I also saw that I can specify its width with the .Scrollable(c => c.Enabled(true).Height(300)).

But in this case if I've only two rows, I've a empty white space between the last row and the footer.

I want to have a maximum height for the rows(the equivalent of ScrollableHeight of asp.net ajax).

How can I achieve this?

[Dimo]

Hi Julien,

You can use:

Html.Telerik().Grid()
        .HtmlAttributes(new { @class = "maxHeight" })
        .Scrollable(scrolling => scrolling.Height("auto"))

.maxHeight  .t-grid-content
{
    max-height: 100px;
}

This setup will work in IE7+ and all other browsers.

All the best,
Dimo
the Telerik team