271:
36:
133:
326:
Window management controls appear in the top left corner of each window. These buttons are similar in style to standard aqua buttons, but are color-coded as a memory aid. From left to right, these are: "Close Window", shown in red; "Minimize Window", shown in yellow; and "Zoom", shown in green, which
203:
Depending on the circumstance, buttons may be designated to be pushed only once and execute a command, while others may be used to receive instant feed back and may require the user to click more than once to receive the desired result. Other buttons are designed to toggle behavior on and off like a
215:
when a user moves the pointer over it. The tooltip serves as built-in documentation that briefly explains the purpose of the button. If you hover your mouse over the blue window button below (without clicking it or moving your mouse), it will display a text saying "Window (computing)."
315:
interface are usually depicted as rounded-rectangles of crystallized glass. Normally these buttons are light grey in color and turn blue when pressed. The button with keyboard focus (selectable with the spacebar) appears with a blue glow surrounding it. The default button in an
377:, the default button will slowly fade between its normal appearance and the blue border. Window management controls are in the upper right-hand corner of the application window, and, from left to right: "minimize" the window (causing it to disappear into the
195:, but other input such as keystroke can be used to execute the command of a button. However, a button is not always restricted to a rectangular shape. The sole requirement of button interaction is that the user can execute a command by a
199:
action. Thus, pictures and background areas can be programmed as buttons. When pressed, in addition to performing a predetermined task, buttons often undergo a graphical change to mimic a mechanical button being depressed.
465:
are sometimes represented by a graphic closely resembling a button. Sometimes this type of link is used in advertisements to induce the user to click the ad and visit the advertiser's site.
183:
A typical button is a rectangle or rounded rectangle, wider than it is tall, with a descriptive caption in its center. The most common method of pressing a button is clicking it with a
323:
Also used, primarily within application toolbars, are slightly rounded rectangles with a light grey metallic appearance. These buttons appear darker and "pushed inward" when pressed.
369:
is shown with a black dotted line just inside the border of the button. In addition, more recent versions, the default button is shown with a blue border. In
443:
to carry out actions such as clearing user input or submitting the form contents to the server. Buttons specified in HTML may be rendered by
208:. These buttons will show a graphical clue (such as staying depressed after the mouse is released) to indicate the state of the option.
532:
979:
417:
across applications. Most widget toolkits also have theming capabilities, so there is no single standard appearance as there is with
100:
566:
72:
389:; if the window is already maximized, the button will restore it to its previous size and position); and close the window.
160:
1035:
497:
53:
320:(selectable with the return key) animates between a bright blue and a darker blue (the same color as a pressed button).
79:
119:
86:
57:
451:, or by using a button definition from within the browser. Buttons may also be styled by the developer of the
68:
839:
559:
184:
1014:
46:
413:, though other toolkits are used as well. The use of multiple toolkits can lead to less uniform
819:
665:
456:
93:
897:
418:
312:
302:
552:
521:
24:
8:
788:
778:
700:
447:
in different ways, typically either using the native button appearance of the underlying
284:
Please help update this article to reflect recent events or newly available information.
924:
864:
849:
756:
731:
695:
235:
869:
824:
589:
422:
366:
342:
188:
164:
1009:
948:
933:
736:
614:
609:
575:
448:
386:
912:
854:
809:
746:
726:
536:
196:
1004:
984:
958:
907:
751:
604:
402:
501:
1029:
989:
844:
766:
544:
414:
410:
370:
350:
336:
317:
168:
953:
761:
721:
680:
675:
650:
640:
599:
974:
943:
892:
829:
655:
462:
444:
19:
For the buttons used to identify a program used to build a web site, see
365:, the buttons are rectangular with sharp corners. A button with active
938:
783:
690:
440:
434:
358:
346:
172:
20:
999:
994:
902:
876:
814:
685:
660:
645:
374:
362:
354:
205:
144:
401:
and other Unix-like operating systems is defined primarily by which
35:
834:
771:
705:
670:
635:
619:
452:
192:
859:
793:
741:
525:
378:
212:
485:
132:
398:
308:
481:
251:
for closing windows after changes have already been applied
529:
406:
137:
345:
are usually rectangular, with mildly rounded corners in
219:
Some very common incarnations of the button widget are:
327:
causes the window to resize to best fit its contents.
392:
385:
the window (causing it to expand to cover the whole
60:. Unsourced material may be challenged and removed.
163:that provides the user a simple way to trigger an
244:for confirming actions without closing the window
1027:
574:
227:for confirming actions and closing the windows
560:
567:
553:
405:is being employed, the most popular being
397:The appearance and behavior of buttons in
980:List of graphical user interface elements
120:Learn how and when to remove this message
131:
1028:
234:for canceling actions and closing the
548:
264:
58:adding citations to reliable sources
29:
13:
167:, like searching for a query at a
14:
1047:
393:Linux and other Unix-like systems
330:
269:
34:
16:Graphical user interface element
45:needs additional citations for
515:
490:
475:
439:Buttons appear as elements of
381:at the bottom of the screen);
136:Different types of buttons in
1:
468:
455:the form appears on by using
255:
175:, like confirming an action.
727:Head-up display in computing
498:"Mozilla button description"
23:. For keyboard buttons, see
7:
522:checkState button attribute
178:
10:
1052:
1036:Graphical control elements
576:Graphical control elements
432:
334:
300:
211:A button often displays a
18:
967:
921:
885:
802:
714:
628:
582:
278:This section needs to be
161:graphical control element
260:
1015:Zoomable user interface
428:
69:"Button" computing
820:Client-side decoration
457:cascading style sheets
171:, or to interact with
151:(sometimes known as a
140:
898:Breadcrumb navigation
433:Further information:
335:Further information:
303:Aqua (user interface)
301:Further information:
135:
54:improve this article
25:Keyboard (computing)
757:Progress indicator
732:HUD in video games
535:2012-04-02 at the
141:
1023:
1022:
870:Window decoration
825:Disclosure widget
629:Data input-output
590:Adjustment handle
343:Microsoft Windows
299:
298:
130:
129:
122:
104:
1043:
968:Related concepts
949:Inspector window
934:Alert dialog box
927:
830:Frame / Fieldset
610:Hamburger button
569:
562:
555:
546:
545:
539:
519:
513:
512:
510:
509:
500:. Archived from
494:
488:
479:
294:
291:
285:
273:
272:
265:
187:controlled by a
125:
118:
114:
111:
105:
103:
62:
38:
30:
1051:
1050:
1046:
1045:
1044:
1042:
1041:
1040:
1026:
1025:
1024:
1019:
963:
922:
917:
913:Virtual desktop
881:
798:
710:
624:
578:
573:
543:
542:
537:Wayback Machine
520:
516:
507:
505:
496:
495:
491:
480:
476:
471:
437:
431:
395:
339:
333:
305:
295:
289:
286:
283:
274:
270:
263:
258:
181:
126:
115:
109:
106:
63:
61:
51:
39:
28:
17:
12:
11:
5:
1049:
1039:
1038:
1021:
1020:
1018:
1017:
1012:
1007:
1005:Widget toolkit
1002:
997:
992:
987:
985:Layout manager
982:
977:
971:
969:
965:
964:
962:
961:
959:Palette window
956:
951:
946:
941:
936:
930:
928:
919:
918:
916:
915:
910:
908:Navigation bar
905:
900:
895:
889:
887:
883:
882:
880:
879:
874:
873:
872:
862:
857:
852:
847:
842:
837:
832:
827:
822:
817:
812:
806:
804:
800:
799:
797:
796:
791:
786:
781:
776:
775:
774:
769:
764:
754:
752:Loading screen
749:
744:
739:
734:
729:
724:
718:
716:
712:
711:
709:
708:
703:
698:
693:
688:
683:
678:
673:
668:
663:
658:
653:
648:
643:
638:
632:
630:
626:
625:
623:
622:
617:
612:
607:
605:Drop-down list
602:
597:
592:
586:
584:
580:
579:
572:
571:
564:
557:
549:
541:
540:
514:
489:
473:
472:
470:
467:
430:
427:
403:widget toolkit
394:
391:
332:
329:
297:
296:
277:
275:
268:
262:
259:
257:
254:
253:
252:
245:
238:
228:
180:
177:
153:command button
128:
127:
42:
40:
33:
15:
9:
6:
4:
3:
2:
1048:
1037:
1034:
1033:
1031:
1016:
1013:
1011:
1008:
1006:
1003:
1001:
998:
996:
993:
991:
990:Look and feel
988:
986:
983:
981:
978:
976:
973:
972:
970:
966:
960:
957:
955:
952:
950:
947:
945:
942:
940:
937:
935:
932:
931:
929:
926:
920:
914:
911:
909:
906:
904:
901:
899:
896:
894:
891:
890:
888:
884:
878:
875:
871:
868:
867:
866:
863:
861:
858:
856:
853:
851:
848:
846:
843:
841:
838:
836:
833:
831:
828:
826:
823:
821:
818:
816:
813:
811:
808:
807:
805:
801:
795:
792:
790:
787:
785:
782:
780:
777:
773:
770:
768:
767:Splash screen
765:
763:
760:
759:
758:
755:
753:
750:
748:
745:
743:
740:
738:
735:
733:
730:
728:
725:
723:
720:
719:
717:
715:Informational
713:
707:
704:
702:
699:
697:
694:
692:
689:
687:
684:
682:
679:
677:
674:
672:
669:
667:
666:Toggle switch
664:
662:
659:
657:
654:
652:
649:
647:
644:
642:
639:
637:
634:
633:
631:
627:
621:
618:
616:
613:
611:
608:
606:
603:
601:
598:
596:
593:
591:
588:
587:
585:
583:Command input
581:
577:
570:
565:
563:
558:
556:
551:
550:
547:
538:
534:
531:
527:
523:
518:
504:on 2012-04-02
503:
499:
493:
487:
483:
478:
474:
466:
464:
460:
458:
454:
450:
446:
442:
436:
426:
424:
420:
416:
415:look and feel
412:
408:
404:
400:
390:
388:
384:
380:
376:
372:
371:Windows Vista
368:
364:
360:
356:
352:
348:
344:
338:
337:Windows shell
331:Windows shell
328:
324:
321:
319:
318:active window
314:
310:
304:
293:
281:
276:
267:
266:
250:
246:
243:
239:
237:
233:
232:Cancel button
229:
226:
222:
221:
220:
217:
214:
209:
207:
201:
198:
194:
190:
186:
176:
174:
170:
169:search engine
166:
162:
158:
154:
150:
146:
139:
134:
124:
121:
113:
102:
99:
95:
92:
88:
85:
81:
78:
74:
71: –
70:
66:
65:Find sources:
59:
55:
49:
48:
43:This article
41:
37:
32:
31:
26:
22:
954:Modal window
886:Navigational
762:Progress bar
722:Balloon help
681:Radio button
676:List builder
651:Cycle button
641:Color picker
600:Context menu
594:
517:
506:. Retrieved
502:the original
492:
477:
461:
445:web browsers
438:
396:
382:
340:
325:
322:
306:
287:
279:
249:Close button
248:
242:Apply button
241:
231:
224:
218:
210:
202:
182:
173:dialog boxes
156:
152:
148:
142:
116:
107:
97:
90:
83:
76:
64:
52:Please help
47:verification
44:
975:File viewer
944:File dialog
893:Address bar
656:Date picker
341:Buttons in
307:Buttons in
157:push button
939:Dialog box
803:Containers
784:Status bar
691:Search box
508:2009-09-18
469:References
463:HTML links
441:HTML forms
435:Web widget
359:Windows 11
347:Windows XP
256:Appearance
110:April 2011
80:newspapers
21:Web button
1000:Scrolling
995:Mouseover
903:Hyperlink
877:Workspace
815:Tree view
810:Accordion
686:Scrollbar
661:Grid view
646:Combo box
375:Windows 7
363:Windows 8
290:June 2015
225:OK button
206:check box
145:computing
1030:Category
923:Special
835:Menu bar
772:Throbber
706:Text box
671:List box
636:Checkbox
620:Pie menu
533:Archived
453:web site
383:maximize
193:touchpad
179:Overview
925:windows
860:Toolbar
845:Popover
794:Tooltip
779:Sidebar
742:Infobar
701:Spinner
526:Mozilla
423:Windows
379:taskbar
280:updated
213:tooltip
191:, or a
185:pointer
159:) is a
94:scholar
865:Window
850:Ribbon
696:Slider
595:Button
486:FOLDOC
482:button
419:Mac OS
387:screen
361:. In
353:, and
236:window
149:button
96:
89:
82:
75:
67:
840:Panel
789:Toast
747:Label
399:Linux
367:focus
357:, in
351:Vista
309:macOS
261:macOS
197:click
189:mouse
165:event
101:JSTOR
87:books
1010:WIMP
737:Icon
615:Menu
429:HTML
421:and
409:and
373:and
313:Aqua
147:, a
73:news
855:Tab
530:XUL
528:'s
524:in
484:at
407:GTK
311:'s
240:An
223:An
155:or
143:In
138:GTK
56:by
1032::
459:.
449:OS
425:.
411:Qt
349:,
247:A
230:A
568:e
561:t
554:v
511:.
355:7
292:)
288:(
282:.
123:)
117:(
112:)
108:(
98:·
91:·
84:·
77:·
50:.
27:.
Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.