Grid sizing and possible splitter?

3 posts, 0 answers
  1. David
    David avatar
    26 posts
    Member since:
    Oct 2019

    Posted 16 Jun 2020 Link to this post

         Hi All, I'm wondering a couple questions. I have a grid and I want it to populate in the middle of the screen and populate to the right while leaving the left side of the screen blank. 

     

    I ask this because I saw a option that achieves what I want. I believe it's called Kendo UI splitter. Is their an option like that for MVC Grid? 

     

    If their is no option, then what I have done is made a Kendo Menu, on the same page that the grid populates. Problem is the grid is always under the menu, and not to the right. Is their a way to make it be to the right of the menu? 

  2. David
    David avatar
    26 posts
    Member since:
    Oct 2019

    Posted 16 Jun 2020 Link to this post

    This is a visual showing of how I want it to be. Again, not sure if what I posted is the right way to go, or should I just edit it in the css files? If css, the grid css or the menubar css?
  3. Petar
    Admin
    Petar avatar
    506 posts

    Posted 18 Jun 2020 Link to this post

    Hi David,

    The Splitter component is also available in the UI for ASP.NET MVC suite. You can check its demo page here. Its documentation can be found on this link.

    You can see an example of how the Grid can be added to the Splitter component in this forum thread. Using the Splitter, you can add the Menu component in the left pane of the Splitter and the Grid in its right pane. 

    If you don't want to use the Splitter, but would like to align the Menu and the Grid from the provided screenshot, this can be done with CSS. An example of how div elements can be horizontally aligned is discussed in this StackOverflow thread.

    I hope the above information will help you implement the desired functionality.

    Regards,
    Petar
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
Back to Top