How can we avoid multiple clicks when page is loading?
The problem we are facing is that, the Application is developed using MVC 4.0 with Kendo UI. We have close to 26 tabs in tabStrip control and each tab has kendoGrids control in a page which is reading data from controller by ajax call.
User has tendency to click on the tabs and links in the grid. We have seen a peculiar behaviour when a user clicks on tabs or links before the page is fully loaded. The tab/link navigates to the right page but the content in the page is not loaded.
So we want to restrict the user by giving him the prompt as the page is loading and then allow the user to click the links when page is loaded completely.
The problem we are facing is that, the Application is developed using MVC 4.0 with Kendo UI. We have close to 26 tabs in tabStrip control and each tab has kendoGrids control in a page which is reading data from controller by ajax call.
User has tendency to click on the tabs and links in the grid. We have seen a peculiar behaviour when a user clicks on tabs or links before the page is fully loaded. The tab/link navigates to the right page but the content in the page is not loaded.
So we want to restrict the user by giving him the prompt as the page is loading and then allow the user to click the links when page is loaded completely.
1 Answer, 1 is accepted
0
Hello Shalabh,
Alex Gyoshev
the Telerik team
In order to improve the user experience, you should make the page load faster -- which can usually be done by reducing its markup and loading it dynamically. That said, you can show an overlay on the page, with a higher z-index than everything else, and show a loading message in it.
Regards,Alex Gyoshev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!