Trouble adding a vertical splitter to a grid - MVC

[ppu]

Hello, as the title says, I'm trying to add a vertical splitter to the right side of a grid - there's a functionality on the right of the grid which allows users to show listed details, and I want to allow them to decrease the size of the grid.

Unfortunately, that's the second day I'm battling this issue and it doesn't seem anyone was facing this problem on MVC - only I saw a similar AJAX problem.

I attached a schematic view of what I'm trying to achieve. Thanks in advance for any help.

 

 

[ppu]

I came to a conclusion that maybe it would be easier to import the data to a separate view so I could put a splitter between the grid and the data. If a user clicks on the grid, it would send the data stored in the row to the separate view. Has anyone tried that?

[Alex Hajigeorgieva]

Hi Pawel,

It seems to me that you are trying to achieve a scrollable detail template of the Kendo UI Grid.

I have added a height to the detail template of one of our demos and you can see it by pressing "Run" in this Dojo: http://dojo.telerik.com/UYEfu

Here is the same demo which was written for ASP.NET MVC:
http://demos.telerik.com/aspnet-mvc/grid/detailtemplate

Finally, regarding the Kendo UI Grid being resizable, the following may be of interest:

- Resize grid on window resize:
http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Layout/resize-grid-when-the-window-is-resized

- Resize columns:
http://demos.telerik.com/aspnet-mvc/grid/column-resizing

Regards,
Alex Hajigeorgieva
Telerik by Progress