Grid sizing and possible splitter?

[David]

     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? 

[David]

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?

[Petar]

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