R2 2018 Release is here – now with modern UI for chatbots and more! See what’s new!
Change Theme

SASS Themes

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Grid / Adaptive Rendering

      To test the Adaptive Rendering, scan the QR code or open this demo on a mobile device.

      Description

      You can enable the Adaptive Mobile Rendering for the Grid via a simple configuration setting. All you have to do is set its mobile attribute to true. This will make the column menu, filter menu and popup edit form slide in a new screen for the user. To force the mobile rendering, regardless of browser type, set the configuration to phone.

      The column resizing feature on touch screen devices is triggered when the user holds a finger on the respective column header. When the resizing icon appears, the user can resize the column by dragging.

      More information regarding Grid Adaptive Rendering can be found in the documentation here.

      ASP.NET MVC source

      Also available for:

      • adaptive_rendering.cshtml
      • Adaptive_RenderingController.cs
      • ProductService.cs

      Support & learning resources

      Grid for other technologies