This page demonstrates several ways to block the page. Each button below activates blockUI and then makes a remote call to the server. The following code is used on this page: <script type="text/javascript"> // unblock when ajax activity s…
Element Blocking Examples This page demonstrates how to block selected elements on the page rather than the entire page. The buttons below will block/unblock access to the bordered area beneath them. <input id="blockButton" type="submit&…
Options BlockUI's default options look (exactly) like this: // override these in your code to change the default behavior and style $.blockUI.defaults = { // message displayed when blocking (use null for no message) message: '<h1>Please wait...</…
Simple Modal Dialog Example This page demonstrates how to display a simple modal dialog. The button below will invoke blockUI with a custom message. Depending upon the user response (yes or no) an ajax call will be made while keeping the UI blocked.…
Overview The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds element…
