47:
144:
532:β control which can be clicked upon to select one option from a selection of options, similar to selecting a radio station from a group of buttons dedicated to radio tuning. Radio buttons always appear in pairs or larger groups, and only one option in the group can be selected at a time; selecting a new item from the group's buttons also de-selects the previously selected button.
352:
482:
493:
433:
The benefit of disabling unavailable controls rather than hiding them entirely is that users are shown that the control exists but is currently unavailable (with the implication that changing some other control may make it available), instead of possibly leaving the user uncertain about where to find
425:
at a given point in time. An enabled widget has the capacity to respond to events, such as keystrokes or mouse actions. A widget that cannot respond to such events is considered disabled. The appearance of a widget typically differs depending on whether it is enabled or disabled; when disabled, a
410:, which programmers use to build graphical user interfaces (GUIs). Most operating systems include a set of ready-to-tailor widgets that a programmer can incorporate in an application, specifying how it is to behave. Each type of widget generally is defined as a class by object-oriented programming (
214:
Each widget facilitates a specific type of user-computer interaction, and appears as a visible part of the application's GUI as defined by the theme and rendered by the rendering engine. The theme makes all widgets adhere to a unified aesthetic design and creates a sense of overall cohesion. Some
576:β control with a handle that can be moved up and down (vertical slider) or right and left (horizontal slider) on a bar to select a value (or a range if two handles are present). The bar allows users to make adjustments to a value or process throughout a range of allowed values.
341:
We chose this term since all other common terms were overloaded with inappropriate connotations. We offer the observation to the skeptical, however, that the principal realization of a widget is its associated X window and the common initial letter is not un-useful.
316:
The toolkit provides a library of user-interface components ("widgets") like text labels, scroll bars, command buttons, and menus; enables programmers to write new widgets; and provides the glue to assemble widgets into a complete user interface.
469:, a small specialized GUI application that provides some visual information and/or easy access to frequently used functions such as clocks, calendars, news aggregators, calculators and desktop notes. These kinds of widgets are hosted by a
375:
of a given kind of data. In other words, widgets are basic visual building blocks which, combined in an application, hold all the data processed by the application and the available interactions on this data.
831:β also known as "Utility window" - a graphical control element which floats on top of all regular windows and offers ready access tools, commands or information for the current application
242:
allows developers to reuse code for similar tasks, and provides users with a common language for interaction, maintaining consistency throughout the whole information system.
805:: Side sheets or surfaces containing supplementary content that may be anchored to, pulled out from, or pushed away beyond the left or right edge of the screen.
434:
the control at all. On pop-up dialogues, buttons might appear greyed out shortly after appearance to prevent accidental clicking or inadvertent double-tapping.
723:β a graphical control element by which continuous text, pictures, or any other content can be scrolled in a predetermined direction (up, down, left, or right)
1589:
1528:
772:β a graphical control element used to visualize the progression of an extended computer operation, such as a download, file transfer, or installation
546:
have different values for the property represented by the check box. Multiple check boxes in a group may be selected, in contrast with radio buttons.
273:
857:β an animated, three-dimensional element to visually flipping through snapshots of documents, website bookmarks, album artwork, or photographs.
837:β a type of dialog window that shows a list of the current attributes of a selected object and allows these parameters to be changed on the fly
791:β a graphical control element consisting of a visual area containing some of the graphical user interface elements of the program it belongs to
711:β Text with some kind of indicator (usually underlining and/or color) that indicates that clicking it will take one to another screen or page.
1115:
582:β a graphical control element that allows the user to select one or more items from a list contained within a static, multiple line text box.
538:β control which can be clicked upon to enable or disable an option. Also called a tick box. The box indicates an "on" or "off" state via a
1584:
562:
Split button β control combining a button (typically invoking some default action) and a drop-down list with related, secondary actions
1594:
819:β a graphical control element subordinate to an application's main window which creates a mode where the main window can not be used.
813:β a vertically stacked list of items, such as labels or thumbnails where each item can be "expanded" to reveal the associated content
879:
508:
130:
64:
552:- Functionally similar to a check box. Can be toggled on and off, but unlike check boxes, this typically has an immediate effect.
245:
869:β a graphical widget used to display visual cards in a way that's quick for users to browse, both on websites and on mobile apps
196:
111:
845:β a type of box within which a collection of graphical control elements can be grouped as a way to show relationships visually
968:
253:
224:
83:
68:
863:β an animated, two-dimensional element that allows users to browse and interact the entire tree view of a discussion thread.
594:β A list of items from which to select. The list normally only displays items when a special button or indicator is clicked.
379:
GUI widgets are graphical elements used to build the human-machine-interface of a program. GUI widgets are implemented like
542:/tick β or a cross β. Can be shown in an intermediate state (shaded or with a dash) to indicate that various objects in a
329:
In the X Toolkit, a widget is the combination of an X window or sub window and its associated input and output semantics.
636:β a hybrid of menu and toolbar, displaying a large collection of commands in a visual layout through a tabbed interface.
249:
90:
176:
921:
411:
630:β a graphical control element on which on-screen buttons, icons, menus, or other input or output elements are placed
1079:
Packaged Web Apps (Widgets) - Packaging and XML Configuration (Second
Edition) - W3C Recommendation 27 November 2012
568:- a button that cycles its content through two or more values, thus enabling selection of one from a group of items.
282:
entered
American English, as a generic term for any useful device, particularly a product manufactured for sale; a
97:
1388:
1108:
668:, allowing the user to either type a value directly into the control or choose from the list of existing options.
232:
30:
This article is about reusable components for building user interfaces. For small desktop/web applications, see
451:
172:
717:β a graphical control element that allows multiple documents or panels to be contained within a single window
79:
1563:
57:
35:
1368:
1214:
866:
797:β a panel that can compactly store content which is hidden or revealed by clicking the tab of the widget.
549:
1446:
901:
794:
1101:
304:
766:β a graphical control element which poses an information area typically found at the window's bottom
1337:
1327:
1249:
1014:
884:
695:
585:
372:
261:
192:
1473:
1413:
1398:
1305:
1280:
1244:
1143:
974:
860:
788:
778:β a graphical control element used by many programs to display non-critical information to a user
633:
573:
543:
519:
444:
406:
User
Interface. Various implementations of these generic widgets are often packaged together in
380:
364:
228:
216:
188:
180:
1418:
1373:
1138:
964:
104:
398:
A family of common reusable widgets has evolved for holding general information based on the
1558:
1497:
1482:
1285:
1163:
1158:
956:
834:
649:
600:β control with multiple actions which can be clicked upon to choose a selection to activate
597:
500:
455:
392:
333:
Finally, still in the same year, Ralph R. Swick and Mark S. Ackerman explain where the term
588:β value input control which has small up and down buttons to step through a range of values
371:. The defining characteristic of a widget is to provide a single interaction point for the
1461:
1403:
1358:
1295:
1275:
810:
746:
298:
31:
1088:
1553:
1533:
1507:
1456:
1300:
1153:
1083:
999:
993:
895:
828:
661:
591:
466:
459:
407:
399:
309:
294:
239:
736:β (edit field) - a graphical control element intended to enable the user to input text
1578:
1538:
1393:
1315:
889:
825:β a small window that communicates information to the user and prompts for a response
671:
496:
470:
388:
200:
978:
1502:
1310:
1270:
1229:
1224:
1199:
1189:
1148:
848:
816:
769:
758:
603:
565:
529:
195:
to read or edit information about an application. User interface libraries such as
1039:
260:
for a widget from general descriptions provided by the developer, usually through
948:
363:
Any widget displays an information arrangement changeable by the user, such as a
1523:
1492:
1441:
1378:
1204:
842:
691:
523:
430:") or be obscured visually in some way. See the adjacent image for an example.
356:
257:
208:
46:
1089:
Requirement For
Standardizing Widgets. W3C Working Group Note 27 September 2011
1015:"The X Toolkit: More Bricks for Building User-Interfaces βorβ Widgets for Hire"
953:
Proceedings of the 1st annual ACM SIGGRAPH symposium on User
Interface Software
755:β informational window which appears when the mouse hovers over another control
674:β a quickly comprehensible symbol of a software tool, function, or a data file.
143:
1487:
1332:
1239:
854:
822:
763:
680:β a graphical control element that presents a hierarchical view of information
539:
439:
403:
1093:
522:β control which can be clicked upon to perform an action. An equivalent to a
1548:
1543:
1451:
1425:
1363:
1234:
1209:
1194:
1084:
Widgets 1.0: The Widget
Landscape (Q1 2008). W3C Working Draft 14 April 2008
720:
714:
708:
683:
677:
641:
535:
184:
698:
view of data that allows numbers or text to be entered in rows and columns.
17:
1383:
1320:
1254:
1219:
1184:
1168:
1062:
733:
687:
665:
657:
653:
645:
621:
613:
579:
368:
220:
960:
1408:
1342:
1290:
775:
752:
627:
351:
556:
486:
283:
492:
481:
395:
so that programmers can use them to build GUIs for their programs.
384:
152:
491:
480:
350:
211:, contain a collection of controls and the logic to render these.
851:β generic drawing element for representing graphical information
555:
Toggle Button - Functionally similar to a check box, works as a
1097:
1078:
414:). Therefore, many widgets are derived from class inheritance.
215:
widgets support interaction with the user, for example labels,
616:β a circular context menu where selection depends on direction
204:
40:
624:β a graphical control element which contains drop down menus
898:β a software library which contains a collection of widgets
443:
to distinguish them from their physical counterparts, e.g.
559:, though appears as a button. Can be toggled on and off.
458:
that can be pressed with a finger (such as those on a
383:. Widget toolkits and software frameworks, like e.g.
27:
Element of interaction in a graphical user interface
1516:
1470:
1434:
1351:
1263:
1177:
1131:
892:
for mostly unrelated, physically inspired "widgets"
71:. Unsourced material may be challenged and removed.
526:as found on mechanical or electronic instruments.
417:In the context of an application, a widget may be
227:that group the widgets added to them, for example
503:(artistic design): Plastik, Keramik, and Windows
499:'widgets rendered according to three different
359:at the bottom is disabled, they are grayed out.
325:by Ralph R. Swick and Terry Weissman, it says:
1040:"What is widget? - Definition from WhatIs.com"
606:β a type of menu whose contents depend on the
1109:
355:Example of enabled and disabled widgets; the
8:
191:that a computer user interacts with through
610:or state in effect when the menu is invoked
1116:
1102:
1094:
995:X Toolkit Widgets - C Language X Interface
323:X Toolkit Widgets - C Language X Interface
1529:List of graphical user interface elements
1013:Ralph R. Swick, Mark S. Ackerman (1988).
992:Swick, Ralph R.; Weissman, Terry (1988).
465:A related (but different) concept is the
426:widget may be drawn in a lighter color ("
131:Learn how and when to remove this message
147:gtk3-demo, a program to demonstrate the
142:
913:
274:History of the graphical user interface
256:. They automatically generate all the
1063:https://material-ui.com/demos/drawers/
947:McCormack, Joel; Asente, Paul (1988).
749:β text used to describe another widget
248:facilitate the authoring of GUIs in a
7:
1065:Drawer React component - Material-UI
514:Selection and display of collections
69:adding citations to reliable sources
656:) β A combination of a single-line
437:Widgets are sometimes qualified as
238:Structuring a user interface with
25:
1590:Graphical user interface elements
880:Graphical user interface elements
509:Graphical user interface elements
246:Graphical user interface builders
45:
197:Windows Presentation Foundation
56:needs additional citations for
949:"An overview of the X toolkit"
477:List of common generic widgets
400:Palo Alto Research Center Inc.
293:is attested in the context of
254:user interface markup language
1:
922:"Microsoft: Graphic elements"
321:The same year, in the manual
1276:Head-up display in computing
450:that can be clicked with a
1611:
1585:Graphical control elements
1125:Graphical control elements
506:
312:and Paul Asente, it says:
271:
29:
1595:Graphical user interfaces
485:Various widgets shown in
165:graphical control element
173:graphical user interface
1564:Zoomable user interface
1369:Client-side decoration
504:
489:
360:
344:
331:
319:
177:element of interaction
156:
34:. For other uses, see
1447:Breadcrumb navigation
902:Interaction technique
495:
484:
354:
339:
327:
314:
272:Further information:
146:
867:Carousel (computing)
65:improve this article
961:10.1145/62402.62407
885:Geometric primitive
381:software components
373:direct manipulation
303:An Overview of the
262:direct manipulation
252:manner employing a
193:direct manipulation
189:software components
1306:Progress indicator
1281:HUD in video games
1021:. pp. 221β228
955:. pp. 46β55.
926:msdn.microsoft.com
544:multiple selection
505:
490:
393:software libraries
391:, contain them in
361:
289:In 1988, the term
157:
80:"Graphical widget"
1572:
1571:
1419:Window decoration
1374:Disclosure widget
1178:Data input-output
1139:Adjustment handle
795:Collapsible panel
402:research for the
141:
140:
133:
115:
16:(Redirected from
1602:
1517:Related concepts
1498:Inspector window
1483:Alert dialog box
1476:
1379:Frame / Fieldset
1159:Hamburger button
1118:
1111:
1104:
1095:
1066:
1060:
1054:
1053:
1051:
1050:
1036:
1030:
1029:
1027:
1026:
1010:
1004:
1003:
989:
983:
982:
944:
938:
937:
935:
933:
918:
835:Inspector window
804:
803:
728:Text/value input
223:. Others act as
161:graphical widget
136:
129:
125:
122:
116:
114:
73:
49:
41:
21:
1610:
1609:
1605:
1604:
1603:
1601:
1600:
1599:
1575:
1574:
1573:
1568:
1512:
1471:
1466:
1462:Virtual desktop
1430:
1347:
1259:
1173:
1127:
1122:
1075:
1070:
1069:
1061:
1057:
1048:
1046:
1038:
1037:
1033:
1024:
1022:
1012:
1011:
1007:
991:
990:
986:
971:
946:
945:
941:
931:
929:
920:
919:
915:
910:
876:
801:
800:
785:
743:
730:
705:
516:
511:
479:
454:, vs. physical
408:widget toolkits
349:
299:X Window System
276:
270:
240:widget toolkits
187:. Controls are
137:
126:
120:
117:
74:
72:
62:
50:
39:
32:Software widget
28:
23:
22:
15:
12:
11:
5:
1608:
1606:
1598:
1597:
1592:
1587:
1577:
1576:
1570:
1569:
1567:
1566:
1561:
1556:
1554:Widget toolkit
1551:
1546:
1541:
1536:
1534:Layout manager
1531:
1526:
1520:
1518:
1514:
1513:
1511:
1510:
1508:Palette window
1505:
1500:
1495:
1490:
1485:
1479:
1477:
1468:
1467:
1465:
1464:
1459:
1457:Navigation bar
1454:
1449:
1444:
1438:
1436:
1432:
1431:
1429:
1428:
1423:
1422:
1421:
1411:
1406:
1401:
1396:
1391:
1386:
1381:
1376:
1371:
1366:
1361:
1355:
1353:
1349:
1348:
1346:
1345:
1340:
1335:
1330:
1325:
1324:
1323:
1318:
1313:
1303:
1301:Loading screen
1298:
1293:
1288:
1283:
1278:
1273:
1267:
1265:
1261:
1260:
1258:
1257:
1252:
1247:
1242:
1237:
1232:
1227:
1222:
1217:
1212:
1207:
1202:
1197:
1192:
1187:
1181:
1179:
1175:
1174:
1172:
1171:
1166:
1161:
1156:
1154:Drop-down list
1151:
1146:
1141:
1135:
1133:
1129:
1128:
1123:
1121:
1120:
1113:
1106:
1098:
1092:
1091:
1086:
1081:
1074:
1073:External links
1071:
1068:
1067:
1055:
1031:
1005:
984:
969:
939:
912:
911:
909:
906:
905:
904:
899:
896:Widget toolkit
893:
887:
882:
875:
872:
871:
870:
864:
858:
852:
846:
840:
839:
838:
829:Palette window
826:
820:
814:
808:
807:
806:
792:
784:
781:
780:
779:
773:
767:
761:
756:
750:
742:
739:
738:
737:
729:
726:
725:
724:
718:
712:
704:
701:
700:
699:
681:
675:
669:
662:drop-down list
648:with attached
639:
638:
637:
625:
619:
618:
617:
611:
595:
592:Drop-down list
589:
583:
577:
571:
570:
569:
563:
560:
553:
547:
533:
515:
512:
478:
475:
467:desktop widget
460:computer mouse
348:
345:
310:Joel McCormack
295:Project Athena
269:
266:
139:
138:
53:
51:
44:
26:
24:
14:
13:
10:
9:
6:
4:
3:
2:
1607:
1596:
1593:
1591:
1588:
1586:
1583:
1582:
1580:
1565:
1562:
1560:
1557:
1555:
1552:
1550:
1547:
1545:
1542:
1540:
1539:Look and feel
1537:
1535:
1532:
1530:
1527:
1525:
1522:
1521:
1519:
1515:
1509:
1506:
1504:
1501:
1499:
1496:
1494:
1491:
1489:
1486:
1484:
1481:
1480:
1478:
1475:
1469:
1463:
1460:
1458:
1455:
1453:
1450:
1448:
1445:
1443:
1440:
1439:
1437:
1433:
1427:
1424:
1420:
1417:
1416:
1415:
1412:
1410:
1407:
1405:
1402:
1400:
1397:
1395:
1392:
1390:
1387:
1385:
1382:
1380:
1377:
1375:
1372:
1370:
1367:
1365:
1362:
1360:
1357:
1356:
1354:
1350:
1344:
1341:
1339:
1336:
1334:
1331:
1329:
1326:
1322:
1319:
1317:
1316:Splash screen
1314:
1312:
1309:
1308:
1307:
1304:
1302:
1299:
1297:
1294:
1292:
1289:
1287:
1284:
1282:
1279:
1277:
1274:
1272:
1269:
1268:
1266:
1264:Informational
1262:
1256:
1253:
1251:
1248:
1246:
1243:
1241:
1238:
1236:
1233:
1231:
1228:
1226:
1223:
1221:
1218:
1216:
1215:Toggle switch
1213:
1211:
1208:
1206:
1203:
1201:
1198:
1196:
1193:
1191:
1188:
1186:
1183:
1182:
1180:
1176:
1170:
1167:
1165:
1162:
1160:
1157:
1155:
1152:
1150:
1147:
1145:
1142:
1140:
1137:
1136:
1134:
1132:Command input
1130:
1126:
1119:
1114:
1112:
1107:
1105:
1100:
1099:
1096:
1090:
1087:
1085:
1082:
1080:
1077:
1076:
1072:
1064:
1059:
1056:
1045:
1041:
1035:
1032:
1020:
1019:USENIX Winter
1016:
1009:
1006:
1001:
997:
996:
988:
985:
980:
976:
972:
966:
962:
958:
954:
950:
943:
940:
927:
923:
917:
914:
907:
903:
900:
897:
894:
891:
890:Widget engine
888:
886:
883:
881:
878:
877:
873:
868:
865:
862:
859:
856:
853:
850:
847:
844:
841:
836:
833:
832:
830:
827:
824:
821:
818:
815:
812:
809:
799:
798:
796:
793:
790:
787:
786:
782:
777:
774:
771:
768:
765:
762:
760:
757:
754:
751:
748:
745:
744:
740:
735:
732:
731:
727:
722:
719:
716:
713:
710:
707:
706:
702:
697:
693:
689:
685:
682:
679:
676:
673:
670:
667:
663:
659:
655:
651:
647:
643:
640:
635:
632:
631:
629:
626:
623:
620:
615:
612:
609:
605:
602:
601:
599:
596:
593:
590:
587:
584:
581:
578:
575:
572:
567:
564:
561:
558:
554:
551:
550:Toggle switch
548:
545:
541:
537:
534:
531:
528:
527:
525:
521:
518:
517:
513:
510:
502:
498:
494:
488:
483:
476:
474:
472:
471:widget engine
468:
463:
461:
457:
453:
449:
447:
442:
441:
435:
431:
429:
424:
420:
415:
413:
409:
405:
401:
396:
394:
390:
386:
382:
377:
374:
370:
366:
358:
353:
346:
343:
338:
336:
330:
326:
324:
318:
313:
311:
307:
306:
300:
296:
292:
287:
285:
281:
278:Around 1920,
275:
267:
265:
263:
259:
255:
251:
247:
243:
241:
236:
234:
230:
226:
222:
218:
212:
210:
206:
202:
198:
194:
190:
186:
182:
178:
174:
170:
166:
162:
154:
150:
145:
135:
132:
124:
113:
110:
106:
103:
99:
96:
92:
89:
85:
82: β
81:
77:
76:Find sources:
70:
66:
60:
59:
54:This article
52:
48:
43:
42:
37:
33:
19:
1503:Modal window
1435:Navigational
1311:Progress bar
1271:Balloon help
1230:Radio button
1225:List builder
1200:Cycle button
1190:Color picker
1149:Context menu
1124:
1058:
1047:. Retrieved
1043:
1034:
1023:. Retrieved
1018:
1008:
994:
987:
952:
942:
930:. Retrieved
925:
916:
817:Modal window
770:Progress bar
759:Balloon help
607:
604:Context menu
566:Cycle button
530:Radio button
464:
445:
438:
436:
432:
427:
422:
418:
416:
397:
378:
362:
340:
334:
332:
328:
322:
320:
315:
302:
290:
288:
279:
277:
244:
237:
235:, and tabs.
213:
179:, such as a
168:
164:
160:
158:
148:
127:
118:
108:
101:
94:
87:
75:
63:Please help
58:verification
55:
1524:File viewer
1493:File dialog
1442:Address bar
1205:Date picker
928:. Microsoft
861:Bubble Flow
692:spreadsheet
524:push-button
337:came from:
258:source code
221:check boxes
1579:Categories
1488:Dialog box
1352:Containers
1333:Status bar
1240:Search box
1049:2020-06-03
1044:WhatIs.com
1025:2022-11-20
998:. p.
970:0897912837
908:References
855:Cover Flow
823:Dialog box
764:Status bar
703:Navigation
540:check mark
507:See also:
428:grayed out
404:Xerox Alto
225:containers
185:scroll bar
121:March 2015
91:newspapers
18:Greyed-out
1549:Scrolling
1544:Mouseover
1452:Hyperlink
1426:Workspace
1364:Tree view
1359:Accordion
1235:Scrollbar
1210:Grid view
1195:Combo box
811:Accordion
783:Container
721:Scrollbar
684:Grid view
678:Tree view
642:Combo box
536:Check box
305:X Toolkit
155:version 3
1472:Special
1384:Menu bar
1321:Throbber
1255:Text box
1220:List box
1185:Checkbox
1169:Pie menu
979:12924752
932:27 April
874:See also
734:Text box
688:datagrid
666:list box
658:text box
654:List box
646:text box
622:Menu bar
614:Pie menu
580:List box
423:disabled
369:text box
297:and the
1474:windows
1409:Toolbar
1394:Popover
1343:Tooltip
1328:Sidebar
1291:Infobar
1250:Spinner
776:Infobar
753:Tooltip
696:tabular
628:Toolbar
608:context
586:Spinner
456:buttons
452:pointer
448:buttons
446:virtual
440:virtual
419:enabled
268:History
250:WYSIWYG
229:windows
217:buttons
171:) in a
169:control
149:widgets
105:scholar
1414:Window
1399:Ribbon
1245:Slider
1144:Button
977:
967:
849:Canvas
802:Drawer
789:Window
741:Output
694:-like
660:and a
634:Ribbon
574:Slider
557:switch
520:Button
487:Ubuntu
365:window
335:widget
291:widget
284:gadget
280:widget
233:panels
219:, and
207:, and
181:button
175:is an
163:(also
107:
100:
93:
86:
78:
36:Widget
1389:Panel
1338:Toast
1296:Label
975:S2CID
843:Frame
747:Label
501:skins
367:or a
357:frame
347:Usage
301:. In
209:Cocoa
183:or a
112:JSTOR
98:books
1559:WIMP
1286:Icon
1164:Menu
965:ISBN
934:2015
709:Link
690:β a
672:Icon
650:menu
598:Menu
385:GTK+
153:GTK+
84:news
1404:Tab
957:doi
715:Tab
686:or
664:or
652:or
462:).
421:or
412:OOP
387:or
308:by
205:GTK
167:or
151:in
67:by
1581::
1042:.
1017:.
973:.
963:.
951:.
924:.
497:Qt
473:.
389:Qt
286:.
264:.
231:,
203:,
201:Qt
199:,
159:A
1117:e
1110:t
1103:v
1052:.
1028:.
1002:.
1000:1
981:.
959::
936:.
644:(
134:)
128:(
123:)
119:(
109:Β·
102:Β·
95:Β·
88:Β·
61:.
38:.
20:)
Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.