Automatic resizing of MVC grids with splitter controls

[Tor]

In my project I have two MVC grids separated by a horizontal splitter control. I would like the grids to dynamically resize based on the available space as I move the splitter up or down. Is this possible? So far I haven't been able to specify a dynamic height since the grids seem to require a fixed pixel height?

Basic layout:
Grid1
************************* Splitter control should resize grids as I move it up or down
Grid2

Best regards
Tor

[Pedro]

Show us what you have and we can go from there.

Thanks,

Pedro

[Tor]

I basically ended up adding the following JS method to the splitter's OnResize event

function ResizeStackedGrids(offsetTopGrid,offsetBottomGrid) {
    var topGrid = $($('#horizontalSplitter').children()[0]);

    var bottomGrid = $($('#horizontalSplitter').children()[2]);

    if (topGrid && bottomGrid) {
        $(topGrid).find(".myGrid").find(".t-grid-content").height(topGrid.height() - offsetTopGrid);
        $(bottomGrid).find(".myGrid").find(".t-grid-content").height(bottomGrid.height() - offsetBottomGrid);
    }
}

This seems to do the trick