Progress Telerik UI for ASP.NET MVC

ASP.NET MVC GridLayout

  • Delivering hassle-free, yet appealing grid layout with rows and columns is a breeze with the Telerik UI for ASP.NET MVC GridLayout component.
  • This control is part of the Telerik ASP.NET MVC suite along with 110+ full-featured UI components, designed to build rich and responsive web applications for any device twice as fast.
  • Achieve fast meaningful results with our detailed documentation, live demos, online technical trainings and outstanding support team.
Telerik-UI-for-ASPNET-MVC-GridLayout-Overview-BlueFade
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    Delivering a higher quality user experience by automating one of the most time-consuming UI implementation tasks – the CSS grid layout – is a breeze with the ASP.NET MVC GridLayout component. The component leverages a grid-like system to arrange your content in columns and rows and applies the same rules across your entire application. We’ve also thought about customization, therefore the GridLayout comes with various options such as row and column spacing, vertical and horizontal alignment, row and column span and more.

    Check out the Telerik UI for ASP.NET MVC GridLayout demo 

    Telerik UI for ASP.NET MVC GridLayout Overview
  • Customization

    You can modify the ASP.NET MVC GridLayout to suit your design requirements. The component comes with multiple customization options, including row and column spacing, options for aligning columns horizontally and vertically, row height, column width, and more.

  • Adaptive

    Simply adjust the responsive Telerik UI for ASP.NET MVC GridLayout component to match the different screen sizes.

    See the ASP.NET MVC GridLayout Responsive demo

    Telerik UI for ASP.NET MVC GridLayout Responsive
  • Layout

    Effortlessly control the three elements of the component’s layout: Rows and Columns, Gap, and Alignment. Rows and Columns allow you to define the number and size of each. Gap allows you to specify the spacing between items. Last but not least, Alignment sets the position of the content within a cell. 

    See the ASP.NET MVC GridLayout Layout documentation

    Telerik UI for ASP.NET MVC GridLayout Layout
  • Theming

    With the ASP.NET MVC GridLayout component you can choose between the four built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI) on the components within the layout. 

    You can further customize any of the out-of-the box themes, style a specific chart component or create new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application.

All ASP.NET MVC Components

Next Steps Section Background

Next Steps

Launch demos

See UI for ASP.NET MVC in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try UI for ASP.NET MVC with dedicated technical support.