Editing Modal window (section)

=== Recommendations ===
{{See also|Mode (user interface)#Design recommendations}}

Modal dialogs are part of a task flow, and recommendations are given to place them where the focus is in that flow. For example, the window could be placed near the [[Graphical control element (software)|graphical control element]] that triggers its activation.<ref name="Implementation">{{Cite web |author= |title=Modal Panel - Implementation |url=http://quince.infragistics.com/Patterns/Modal%20Panel.aspx#Implementation |url-status=dead |archive-url=https://web.archive.org/web/20130506101851/http://quince.infragistics.com/Patterns/Modal%20Panel.aspx#Implementation |archive-date=2013-05-06 |website=quince.infragistics.com}}</ref>

Using a semi-transparent dark background can obscure information in the main window, so it is best used only when that information would be distracting. A semi-transparent background can be made less intrusive by having the whole background area function as a close button: this is standard on most mobile operating systems, avoids making the user feel trapped, and makes modal windows feel less like malicious pop-ups.

Design should follow common practices in the platform the program is running on. [[Microsoft Windows]] uses standard controls for modal [[window dialog]]s, with affirmative action buttons at the lower right of the panel. [[Mac OS X]] uses [[modal sheet]]s with affirmative action buttons being the right-most command.<ref>{{cite web|url=https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/OSXHIGuidelines/WindowDialogs.html#//apple_ref/doc/uid/20000957-CH43-SW1|title=Themes - macOS - macOS - Human Interface Guidelines - Apple Developer|first=Apple|last=Inc.|website=developer.apple.com|access-date=18 September 2018}}</ref>