Editing Window (computing)

{{short description|Visual area containing some kind of user interface}}
{{about|the interface element|the operating system|Microsoft Windows|other uses|Window (disambiguation)}}

In computing, a '''window''' is a [[Graphical widget|graphical control element]]. It consists of a visual area containing some of the [[graphical user interface]] of the program it belongs to and is framed by a [[#Window decoration|window decoration]]. It usually has a rectangular shape<ref name="ArsTechnica3">{{cite web |last=Reimer |first=Jeremy |year=2005 |title=A History of the GUI (Part 3) |url=https://arstechnica.com/old/content/2005/05/gui.ars/3 |url-status=live |archive-url=https://web.archive.org/web/20090908033153/https://arstechnica.com/old/content/2005/05/gui.ars/3 |archive-date=2009-09-08 |access-date=2009-09-14 |publisher=Ars Technica}}</ref> that can overlap with the area of other windows. It displays the ''output'' of and may allow ''input'' to one or more [[Process (computing)|processes]].

Windows are primarily associated with graphical displays, where they can be manipulated with a [[Pointer (graphical user interfaces)|pointer]] by employing some kind of [[pointing device]]. Text-only displays can also support windowing, as a way to maintain multiple independent display areas, such as multiple buffers in [[Emacs]]. Text windows are usually controlled by keyboard, though some also respond to the mouse.

A graphical user interface (GUI) using windows as one of its main "[[Interface metaphor|metaphors]]" is called a [[windowing system]], whose main components are the [[display server]] and the [[window manager]].

==History==
[[File:Text windowing in GNU Emacs.png|thumb|Example of windows on a text-only display. Each grey-bordered area is a separate window showing a different file.]]

The idea was developed at the [[Stanford Research Institute]] (led by [[Douglas Engelbart]]).<ref name="ArsTechnica1">{{cite web
| url=https://arstechnica.com/old/content/2005/05/gui.ars
| title=A History of the GUI (Part 1)
| publisher=Ars Technica
| year=2005
| last=Reimer
| first=Jeremy
| access-date=2009-09-14
| archive-date=2009-09-18
| archive-url=https://web.archive.org/web/20090918151233/http://arstechnica.com/old/content/2005/05/gui.ars
| url-status=live
}}</ref> Their earliest systems supported multiple windows, but there was no obvious way to indicate boundaries between them (such as window borders, [[title bar]]s, etc.).<ref name="ArsTechnica2">{{cite web
| url=https://arstechnica.com/old/content/2005/05/gui.ars/2
| title=A History of the GUI (Part 2)
| publisher=Ars Technica
| year=2005
| last=Reimer
| first=Jeremy
| access-date=2009-09-14
| archive-date=2009-09-08
| archive-url=https://web.archive.org/web/20090908032833/http://arstechnica.com/old/content/2005/05/gui.ars/2
| url-status=live
}}</ref>

Research continued at [[Xerox]] Corporation's [[Palo Alto, California|Palo Alto]] Research Center / [[PARC (company)|PARC]] (led by [[Alan Kay]]). They used overlapping windows.<ref name="PARC">{{cite web
| url=https://www.parc.com/about-parc/parc-history/
| title=PARC History - A Legacy Of Innovation And Inventing The Future
| publisher=Palo Alto Research Center Incorporated
| date=19 October 2023
| access-date=8 December 2023
| quote=Xerox PARC debuts the first GUI, which uses icons, pop-up menus, and overlapping windows that can be controlled easily using a point-and-click technique.
| archive-date=3 December 2023
| archive-url=https://web.archive.org/web/20231203064105/https://www.parc.com/about-parc/parc-history/
| url-status=live
}}</ref>

During the 1980s the term "[[WIMP (computing)|WIMP]]", which stands for window, icon, menu, pointer, was coined at PARC.{{Citation needed|date=February 2024}}

[[Apple Inc.|Apple]] had worked with PARC briefly at that time. Apple developed an interface based on PARC's interface. It was first used on [[Apple Lisa|Apple's Lisa]] and later [[Mac (computer)|Macintosh]] computers.<ref name="ArsTechnica4">{{cite web
| url=https://arstechnica.com/old/content/2005/05/gui.ars/4
| title=A History of the GUI (Part 4)
| publisher=Ars Technica
| year=2005
| last=Reimer
| first=Jeremy
| access-date=2009-09-14
| archive-date=2009-09-08
| archive-url=https://web.archive.org/web/20090908032548/http://arstechnica.com/old/content/2005/05/gui.ars/4
| url-status=live
}}</ref> [[Microsoft]] was developing Office applications for the  Mac at that time. Some speculate that this gave them access to Apple's OS before it was released and thus influenced the design of the windowing system in what would eventually be called [[Microsoft Windows]].<ref name="ArsTechnica5">{{cite web
| url=https://arstechnica.com/old/content/2005/05/gui.ars/5
| title=A History of the GUI (Part 5)
| publisher=Ars Technica
| year=2005
| last=Reimer
| first=Jeremy
| access-date=2009-09-14
| archive-date=2009-09-07
| archive-url=https://web.archive.org/web/20090907012115/http://arstechnica.com/old/content/2005/05/gui.ars/5
| url-status=live
}}</ref>

==Properties==
Windows are two dimensional objects arranged on a plane called the [[desktop metaphor]]. In a modern full-featured windowing system they can be resized, moved, hidden, restored or closed.

Windows usually include other graphical objects, possibly including a menu-bar, toolbars, controls, icons and often a working area. In the working area, the document, image, folder contents or other main object is displayed. Around the working area, within the bounding window, there may be other smaller window areas, sometimes called panes or panels, showing relevant information or options. The working area of a [[single document interface]] holds only one main object. "Child windows" in [[multiple document interface]]s, and [[Tab (interface)|tabs]] for example in many web browsers, can make several similar documents or main objects available within a single main application window. Some windows in [[macOS]] have a feature called a drawer, which is a pane that slides out the side of the window and to show extra options.

Applications that can run either under a [[graphical user interface]] or in a [[text user interface]] may use different terminology. [[GNU Emacs]] uses the term "window" to refer to an area within its display while a traditional window, such as controlled by an [[X11]] window manager, is called a "frame".

Any window can be split into the window decoration and the window's content, although some systems purposely eschew window decoration as a form of [[Minimalism (computing)|minimalism]].

==Window decoration==
{{Redirect|Window decoration|drapery, shades, shutters, etc.|Window covering|cover or modification of a window|Window treatment}}
[[File:Window (windowing system).svg|thumb|Typical elements of a window. The window decoration is drawn by an OS-level process such as a window manager. The drawing of the content is the task of [[application software]].]]
The '''window decoration''' is a part of a window in  most [[windowing system]]s.

Window decoration typically consists of a '''title bar''', usually along the top of each window and a minimal border around the other three sides.<ref>{{cite web|url=http://markhobley.yi.org/glossary/windowdecorations.html |title=Unknown}}{{dead link|date=October 2023|fix-attempted=yes}}</ref> On Microsoft Windows this is called "non-client area".<ref>{{cite web | url=https://learn.microsoft.com/en-us/windows/win32/gdi/nonclient-area | title=Nonclient Area - Win32 apps | access-date=2024-06-03 | archive-date=2024-06-03 | archive-url=https://web.archive.org/web/20240603172534/https://learn.microsoft.com/en-us/windows/win32/gdi/nonclient-area | url-status=live }}</ref>

In the predominant layout for modern window decorations, the top bar contains the title of that window and buttons which perform windowing-related actions such as:
* Close
* Maximize
* Minimize
* Resize
* Roll-up

The border exists primarily to allow the user to resize the window, but also to create a visual separation between the window's contents and the rest of the [[desktop environment]].

Window decorations are considered important for the design of the [[look and feel]] of an [[operating system]] and some systems allow for customization of the colors, styles and animation effects used.

=== Window border ===
[[File:Window border in the compositing and stacking window managers.png|thumb|[[Stacking window manager]]s draw borders around the windows, while [[compositing window manager]]s draw [[drop shadow]]s around the windows]]
'''Window border''' is a window decoration component provided by some window managers, that appears around the [[active window]]. Some window managers may also display a border around [[background window]]s. Typically window borders enable the window to be resized or moved by dragging the border. Some window managers provide useless borders which are purely for decorative purposes and offer no window motion facility. These window managers do not allow windows to be resized by using a drag action on the border.

=== Title bar ===
[[File:Titlebar.png|thumb|A title bar of [[GNOME Calculator]]]]

The '''title bar''' is a [[graphical control element]] and part of the window decoration provided by some window managers. As a convention, it is located at the top of the window as a horizontal bar. The title bar is typically used to display the name of the application or the name of the open document, and may provide title bar buttons for minimizing, maximizing, closing or rolling up of application windows. These functions are typically placed in the top-right of the screen to allow fast and inaccurate inputs through [[barrier pointing]]. Typically title bars can be used to provide window motion enabling the window to be moved around the screen by [[Point-and-click|grabbing]] the title bar and [[Pointing device gesture|dragging]] it. Some window managers{{which|date=January 2016}} provide title bars which are purely for decorative purposes and offer no window motion facility. These window managers do not allow windows to be moved around the screen by using a drag action on the title bar.

Default title-bar text often incorporates the name of the application and/or of its developer. The name of the [[Hostname|host]] running the application also appears frequently. Various methods ([[Menu (computing)|menu]]-selections, [[escape sequences]], setup parameters, [[Command-line interface|command-line]] options – depending on the computing environment) may exist to give the [[end-user]] some control of title-bar text. Document-oriented applications like a [[text editor]] may display the [[filename]] or [[path (computing)|path]] of the document being edited. Most [[web browser]]s will [[Rendering (computer graphics)|render]] the contents of the [[HTML element]] <code>title</code> in their title bar, sometimes pre- or postfixed by the application name. [[Google Chrome]] and some versions of [[Mozilla Firefox]] place their [[tabbed browsing|tabs]] in the title bar. This makes it unnecessary to use the main window for the tabs, but usually results in the title becoming truncated. An asterisk at its beginning may be used to signify unsaved changes.

The title bar often contains [[Graphical widget|widget]]s for system commands relating to the window, such as a ''maximize'', ''minimize'', ''rollup'' and ''close'' buttons; and may include other content such as an application icon, a [[clock]], etc.

====Title bar buttons<!-- [[Window control]] redirects here -->====
Some window managers provide title bar buttons which provide the facility to minimize, maximize, roll-up or close application windows. Some window managers may display the title bar buttons in the task bar or task panel, rather than in the title bars.

The following buttons may appear in the title bar:
* Close
* Maximize
* Minimize
* Resize
* Roll-up (or [[WindowShade]])

Note that a [[context menu]] may be available from some title bar buttons or by right-clicking.

==== Title bar icon ====
Some window managers display a small icon in the title bar that may vary according to the application on which it appears. The title bar icon may behave like a menu button, or may provide a context menu facility. macOS applications commonly have a proxy [[Icon (computing)|icon]] next to the window title that functions the same as the document's icon in the file manager.

==== Document status icon ====
Some window managers display an icon or symbol to indicate that the contents of the window have not been saved or confirmed in some way: macOS displays a dot in the center of its close button; [[RISC OS]] appends an [[asterisk]] to the title.

==== Tiling window managers ====
Some [[tiling window manager]]s provide title bars which are purely for informative purposes and offer no controls or menus. These window managers do not allow windows to be moved around the screen by using a [[Drag-and-drop|drag]] action on the title bar and may also serve the purpose of a [[status line]] from stacking window managers.

==== In popular operating systems ====

{| style="font-size: 85%; text-align: center;" class="wikitable"
! OS
! Icon
! Send to Back
! Close
! Maximize
! [[Menu bar]]
! Minimize
! Pin (Keep on top)
! Resize
! Roll-up (Window shade)
! Status
! [[Context menu]]
! Notes
|-
! [[Unix-like]] with [[X11]]
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
| Many X window managers for Unix-like systems allow customization of the type and placement of buttons shown in the title bar.
|-
! [[macOS]]
| {{yes}}
|
| {{yes}}
| {{yes}}
|
| {{yes}}
|
| {{yes}}
|
| {{yes}}
|
| Buttons are on the left side of the title bar. Icon is a proxy for the document's filesystem representation.
|-
! [[RISC OS]]
|
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
|
| {{yes}}
|
| {{yes}}
|
|
|-
! [[Windows]]
| {{yes}}
|
| {{yes}}
| {{yes}}
| {{yes}}
| {{yes}}
|
| {{yes}}
|
|
| {{yes}}
| Icon is menu of window actions
|}

==See also==
* [[Client-Side Decoration]]
* [[Display server]]
* [[Graphical user interface]]
* [[Human interface guidelines]]
* [[WIMP (computing)]]
* [[Window manager]]

==References==
{{Reflist}}

{{Graphical control elements}}

{{Authority control}}

[[Category:Graphical control elements]]
[[Category:Graphical user interface elements]]