vteam #397 has been working on a web-based loan management system. Due to rapid increase in use of smartphones, the client wanted to make his application responsive and user-friendly for mobile devices. Kendo UI framework controls had been extensively used in the application but these were not responsive.
- The user interface should be highly responsive
- Amount of content should be displayed consistently on cross devices
- Avoid major cross-browser and cross devices compatibility issues
- Minimize the maintenance cost
Kendo UI integration with Twitter Bootstrap helped a lot to keep the application structure consistent. As compared to legacy version, nominal custom styling was used. But due to inherited nature of Kendo UI controls, some major controls like Grids were still problematic.
Grids were overflowing on the smartphone screens and scrolling was also not supported. Furthermore, the desired responsive behavior (that popup should remain aligned in the center even if the device orientation is changed) of Grid popup window couldn’t be achieved.
These requirements were fulfilled by applying out of the box solutions. Default styling rules of Bootstrap framework were efficiently tailored. Also, mobile devices orientation events were implemented.