Trouble adding a vertical splitter to a grid - MVC

3 posts, 0 answers
  1. ppu
    ppu avatar
    2 posts
    Member since:
    Apr 2017

    Posted 18 May 2017 Link to this post

    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.



  2. ppu
    ppu avatar
    2 posts
    Member since:
    Apr 2017

    Posted 19 May 2017 Link to this post

    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?
  3. Alex Hajigeorgieva
    Alex Hajigeorgieva avatar
    1082 posts

    Posted 22 May 2017 Link to this post

    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:

    Here is the same demo which was written for ASP.NET MVC:

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

    - Resize grid on window resize:

    - Resize columns:

    Alex Hajigeorgieva
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top