Questions tagged [modal-dialog]

Refers to a graphical dialog used to display important information to the user. These dialogs appear above all other content, blocking application flow until user input is received.

Modal windows are commonly used in GUI systems to command user awareness and to display emergency states. On the Web, they are often used to show images in detail.

Frequent uses of modal windows include:

  • Drawing attention to vital pieces of information. This use has been criticised as ineffective because users are bombarded with too many dialog boxes, and habituate to simply clicking "Close", "Cancel", or "OK" without reading or understanding the message.

  • Blocking the application flow until information required to continue is entered, as for example a password in a login process. Another example are file dialogs to open and save files in an application.

  • Collecting application configuration options in a centralized dialog. In such cases, typically the changes are applied upon closing the dialog, and access to the application is disabled while the edits are being made.

  • Warning that the effects of the current action are not reversible. This is a frequent interaction pattern for modal dialogs, but it is also criticised by usability experts as being ineffective for its intended use (protection against errors in destructive actions) due to habituation. Actually making the action reversible (providing an "undo" option) is recommended instead.

See also: and

More info on Wikipedia

11991 questions
3
votes
1 answer

Does $(document).off('.data-api') have an "on" equivalent?

In a project where we use Bootstrap, we have a page where lots of partial tempaltes can be loaded in the centre, using ajax. In a partial template, I have a modal, but it doesn't work, because the behaviour needs to be bound somehow. I could…
daveyfaherty
  • 4,585
  • 2
  • 27
  • 42
3
votes
3 answers

DoModal() asserts at very first line

I have an MFC dialog based application created inside Visual Studio 2008. CCalendarWindowDlg dlg; m_pMainWnd = &dlg; INT_PTR nResponse = dlg.DoModal(); When I run the application, DoModal() asserts at very first line INT_PTR CDialog::DoModal() { …
user196614
  • 243
  • 1
  • 6
  • 15
3
votes
0 answers

Is it no longer possible to create custom sheets in Mavericks?

According to Apple's Sheet Programming Topics, to create a custom sheet for use with some kind of modal operation, one just needs to invoke NSApp's beginSheet:modalForWindow:modalDelegate:didEndSelector:contextInfo: method. However, it looks as…
Ben Stock
  • 1,986
  • 1
  • 22
  • 30
3
votes
1 answer

Twitter Bootstrap modal should create new instance every time it opens

I am using bootstrap-modal.js v2.3.2 Whenever I close the model basically it toggles the modal, meaning previous data persists. What I'd like is for: Every time I close or hide the modal, it should destroy its data. Every time I open the modal, it…
maaz
  • 3,534
  • 19
  • 61
  • 100
3
votes
1 answer

Jcrop not working on bootstrap 3 modal

I want to implement something like this, which is appear on Bootstrap 3 modal I'm following this example, but not working, a radio button appear, and the preview-pane is missing However, if put outside the modal, then it works. Any idea?
Js Lim
  • 3,625
  • 6
  • 42
  • 80
3
votes
2 answers

How to pass a string to a bootstrap modal?

I'm not sure what I'm doing wrong, but I've searched in all "passing data to a bootstrap modal" posts, but still can't find the answer. I have a table with users. In each row there is a "delete user button". When you click on "delete", a modal shows…
Limon
  • 1,772
  • 7
  • 32
  • 61
3
votes
1 answer

bootstrap 3 modal - javascript available multiple times

I am using bootstrap 3 modal dialogs with remote sources. My Problem is that I use external JavaScript and script blocks in those remote sources. When I open and Close a modal Dialog and then reopen it, the JavaScript is loaded twice. How can I…
3
votes
2 answers

Bootstrap Modal not showing up

Im trying to open a modal when an image is clicked with this code:
3
votes
1 answer

angularjs with ng-grid master detail paradigm that has multi-select with modal

Apologies for the confusing title. So I have multi-select + ng-grid working here . For anyone who isn't sure what the master/detail paradigm is. I select a row from my grid and expose all of its properties in some fashion for a complete view of…
Woot4Moo
  • 23,987
  • 16
  • 94
  • 151
3
votes
4 answers

How do I create Modal dialog in worker thread(Non-UI thread)?

I have written a sample MFC application in which there are two threads: -Main thread ( UI thread) -Worker thread ( non-UI thread) I have a specific requirement to create a Modal dialog in Non-UI ( worker thread). When I create the CDialog…
aJ.
  • 34,624
  • 22
  • 86
  • 128
3
votes
1 answer

bootstrap modal error - only black area without window

Screenshot - http://screencast.com/t/DxdVjiC7idUl
3
votes
1 answer

How to get angular.js to load content into a modal

I need some help making my solution to this problem more elegant. Summary of app The app is a single-page app using pushstate. The landing page (path: /) contains links to articles (path: /article/:articleId). There is also a link to create an…
3
votes
3 answers

NSOpenPanel above a fullscreen NSWindow?

I open a window with the following: NSRect screenRect = [[NSScreen mainScreen] frame]; [super initWithContentRect:screenRect styleMask:NSBorderlessWindowMask backing:NSBackingStoreBuffered …
Dave Carpeneto
  • 1,042
  • 2
  • 12
  • 23
3
votes
3 answers

How to use jQuery ui-icon locally?

I am trying to use the jQuery Modal dialog , it's works fine like this:
meda
  • 45,103
  • 14
  • 92
  • 122
3
votes
2 answers

bootstrap 3 modal window not working

I'm using Bootstrap 3 (full version) and I use bootstrap modal in my code: Удалить
x64vs32x
  • 173
  • 1
  • 3
  • 9
1 2 3
99
100