This is a migrated thread and some comments may be shown as answers.

Grid sizing and possible splitter?

2 Answers 3 Views
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
Veteran
David asked on 16 Jun 2020, 08:28 PM

     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 Answers, 1 is accepted

Sort by
0
David
Top achievements
Rank 1
Veteran
answered on 16 Jun 2020, 08:37 PM
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?
0
Petar
Telerik team
answered on 18 Jun 2020, 10:08 AM

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.
Tags
Grid
Asked by
David
Top achievements
Rank 1
Veteran
Answers by
David
Top achievements
Rank 1
Veteran
Petar
Telerik team
Share this question
or