Example of Adaptive Layout in ASP.NET MVC Tree Grid Control
This sample demonstrates the adaptive rendering behavior of Tree Grid features such as Filtering, Paging, Searching and etc.,
Task ID | Task Name | Duration | Progress |
|---|---|---|---|
| 1 | Planning | 5 | 100 |
| 2 | Plan timeline | 5 | 100 |
| 3 | Plan budget | 5 | 100 |
| 4 | Allocate resources | 5 | 100 |
| 5 | Planning complete | 3 | 25 |
| 6 | Design | 3 | 86 |
| 7 | Software Specification | 3 | 60 |
| 8 | Develop prototype | 3 | 100 |
| 9 | Get approval from customer | 2 | 100 |
| 10 | Design complete | 3 | 25 |
| 11 | Implementation Phase | 11 | 25 |
| 12 | Phase 1 | 11 | 25 |
The enableAdaptiveUI property is set to true. The filtering, CRUD actions, paging and other various user interactions in tree grid will be adaptive to the smaller screens. For example, Filtering opens the UI for user in a pop-up occupying the entire screen.