Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>From a UI standpoint, I'm a little concerned by the fact that you're firing multiple dialogs simultaneously. In UI patterns, several studies have concluded that a modal dialog is very disruptive, so ideally it's to be used in a situation where you absolutely have to interupt the rest of the process to make something happen or warn the user. Doing dialog after dialog in succession could probably be better accomplished in a pattern such as a wizard in a non-modal environment.</p> <p>Alternatively, there are multiple notification widgets that do this sort of thing quite nicely. For example:</p> <p><a href="http://www.erichynds.com/examples/jquery-notify/" rel="nofollow">http://www.erichynds.com/examples/jquery-notify/</a></p> <p><a href="http://www.thinkbohemian.com/2010/04/22/stack-overflow-style-notifications-using-jquery/" rel="nofollow">http://www.thinkbohemian.com/2010/04/22/stack-overflow-style-notifications-using-jquery/</a></p> <p>Ok, that being said, I HAVE done this a few times, notably when I'm alerting a user that a process is happening and then telling them that the process has succeeded/failed. Rather than throwing up both and destroying one, the solution was to throw one up, destroy it, then sequentially instantiate the others. This could be done via button click in the jQuery dialog code itself for examples where you need user interaction, or it could be done automatically by a server-side script that "tells" the UI to destroy one and build another when notifying about a process. Either way, instantiating a script intended to create a single element multiple times and then expecting it to "stack" is inviting bugs with all the browser issues (cough, cough IE) out there.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload