Knowledge (XXG)

Template:Button

Source šŸ“

26: 573: 64: 746:
To indicate text is a variable name. Use for any variable names except those including "I" (uppercase i) and/or "l" (lowercase L); for these, {{var serif}} should be used to ensure a noticeable
899:
To display parameter values lightly bordered; replaces <code>...</code>, especially when value contains embedded or leading/trailing blanks; visualized here with
609: 1298:
To showcase with colors and multiple lines (vertical format) the syntax of any template, while providing an easy way to display placeholder texts using colons as separators
114:
for users hovering over it, but that may not always be displayed, or only displayed after too long a delay, so that it may not show up to people trying to click it.)
1000:
To showcase with colors in horizontal format the syntax of any template, while providing an easy way to display placeholder texts using colons as separators
1502: 310: 829:
To display parameters as used in code (i.e. with triple braces), especially to indicate relationships between them. May be combined with {{para}} above
1487: 1475: 602: 41: 1530: 576: 413: 1514: 1471: 37: 1457: 618: 595: 173: 408: 403: 1419: 233: 206: 197: 187: 170: 157: 144: 16: 489: 45: 1093: 511: 500: 214: 53: 303: 533: 522: 478: 1497: 456: 334: 296: 121: 85: 1192: 1157: 467: 445: 423: 269:ā€“ produces a similar visual effect, but includes more symbols and does not directly support key combos (e.g. 110:, and care should be taken when using it to avoid readers thinking the result may be. (It has an explanatory 1482: 555: 434: 345: 81: 89: 1324: 887: 370: 93: 1510: 1465: 1116: 727:
stress emphasis (not just purely typographical italicization like for book titles or foreign terms)
688: 544: 33: 196: 1370: 1136: 754: 667: 381: 246: 92:. The tested changes can be added to this page in a single edit. Please discuss changes on the 1461: 919: 1393: 1084: 957: 788: 264: 1064: 1040: 644: 1339: 1305: 1110:}}, but prevents line breaks inside the code. Only for very short code parts. 817: 1524: 1431: 1174: 1106: 1034: 798: 1351: 1267: 1247: 1229: 1024: 1007: 945: 910: 874: 836: 773: 734: 724: 660:
importance, seriousness, or urgency instead of just simple typographical boldfacing
657: 280: 52:
This template is a non-clickable button. For the most common clickable button, see
285:ā€“ to indicate user input (of any kind) without making it look like keys or buttons 1286: 1223: 1215: 864: 709: 78:
Changes to it can cause immediate changes to the Knowledge (XXG) user interface.
1056:
To indicate text is source code. To nest other templates within {{code}}, use
73: 587: 271: 184:|text=button text|bgcolor=#EEF|bgcolor2=#BBE}} 20: 1405:
Similar; includes more symbols, but does not directly support combinations
938:
To display a template call (with or without parameters and values) as code
80:
To avoid major disruption, any changes should be tested in the template's
1226:
source code in template documentation, articles on HTML specs, etc. The
860:
To display template parameters with colors (as they would appear in the
172: 111: 102:
This template provides a "clickable button" formatting style for text.
900: 288: 251:ā€“ used to illustrate keystrokes, including key combinations (e.g. 591: 292: 58: 1279:
For larger blocks of source code and other pre-formatted text
1386:
To indicate specific-keystroke input, including combinations
1129:<code><nowiki>...</nowiki></code> 154:|text=button text|format=bold}} 1491: 1336:
For indented blocks of material; visually identical to
1149:<kbd><nowiki>...</nowiki></kbd> 1317:
For block quotations (only ā€“ never for non-quotations)
1183:<syntaxhighlight>...</syntaxhighlight> 810:
To display template parameters with or without values
1148: 1128: 1075: 1071: 1049: 393: 324: 167:|]|padTB=.1em|padLR=.1em}} 825:{{{title|alt}}} 205: 603: 304: 8: 903:(·) but can use ā , ā–Æ, or any character. 1481:Editors can experiment in this template's 627: 610: 596: 588: 311: 297: 289: 220:is more suitable for that purpose though. 1424:To indicate a button in a user interface 1400: 1381: 1377: 1358: 1255: 1237: 1202: 782:{{DEFAULTSORT:Y, X}} 270: 256: 252: 70:This template is used in system messages 141:|text=button text}} 805: 761: 7: 1443:To indicate sample or example output 117:If you need a clickable button, use 1253: 1235: 1200: 1182: 1057: 1016: 787:To display wikicode variables and 230:|button text}} 14: 1531:Knowledge (XXG) button templates 1185:, but will wrap overflowing text 1058:<code>...</code> 572: 571: 171: 62: 24: 702:Same as {{strong}} but in green 74:approximately 45,000 pages 1017:<img>...</img> 1: 1234:variant uses strike-through ( 681:Same as {{strong}} but in red 1143:{{large|large text example}} 1123:{{small|small text example}} 791:as they would appear in code 394:WikiProject-specific buttons 54:Template:Clickable button 2 1547: 1455: 51: 1515:Subpages of this template 1070:differs only in styling: 1038:}}/{{ 895:Ā·Ā·2Ā·blanksĀ·foreĀ·andĀ·aftĀ·Ā· 636: 633: 630: 625: 619:Semantic markup templates 567: 96:before implementing them. 88:subpages, or in your own 1344:but without quote markup 1147:To wrap example code in 1127:To wrap example code in 325:General button templates 1509:Add categories to the 1363:To indicate user input 29:Template documentation 1222:)  To indicate 1181:)  Wrapper for 1052:parameter ..." 634:Example output  490:Big Turquoise Button 1466:Template:Button/doc 806:|year=2008 766:(see {{var}} above) 762:strIllustratePrefix 698: 677: 653: 512:Big Skyblue Button 501:Big Fuchsia Button 215:clickable button 2 1452: 1451: 1447: 1446: 1104:Like {{ 1027:("tags") in prose 914:}} etc. 696: 675: 651: 585: 584: 534:Big Yellow Button 523:Big Purple Button 479:Big Orange Button 364: 100: 99: 1538: 1506: 1495: 1479: 1440: 1343: 1259: 1251: 1243: 1240: 1233: 1221: 1219: 1206: 1184: 1180: 1178: 1150: 1130: 1124: 1117:subst:codenowiki 1101: 1099: 1077: 1073: 1069: 1063: 1059: 1053: 1051: 1020: 1018: 997: 996: 993: 990: 987: 984: 981: 980: 977: 974: 971: 968: 967: 964: 961: 960: 955: 935: 896: 879: 873: 869: 863: 857: 856: 853: 850: 847: 844: 826: 807: 784: 783: 628: 612: 605: 598: 589: 575: 574: 560: 554: 549: 543: 538: 532: 527: 521: 516: 510: 505: 499: 494: 488: 483: 477: 472: 466: 461: 457:Big Green Button 455: 450: 444: 439: 433: 428: 422: 386: 380: 375: 369: 362: 361: 355: 350: 344: 339: 335:Clickable button 333: 319:Button templates 313: 306: 299: 290: 284: 268: 250: 231: 219: 213: 203: 194: 185: 175: 168: 155: 142: 126: 122:Clickable button 120: 66: 65: 59: 49: 30: 28: 27: 1546: 1545: 1541: 1540: 1539: 1537: 1536: 1535: 1521: 1520: 1519: 1518: 1508: 1500: 1485: 1480: 1469: 1454: 1453: 1448: 1438: 1421: 1402: 1383: 1379: 1360: 1337: 1333: 1314: 1295: 1276: 1257: 1245: 1241: 1238: 1227: 1213: 1211: 1204: 1193:deprecated code 1172: 1170: 1166: 1158:syntaxhighlight 1144: 1137:subst:kbdnowiki 1122: 1097: 1091: 1067: 1061: 1047: 1019:tags ..." 1014: 994: 991: 988: 985: 982: 978: 975: 972: 969: 965: 962: 956: 953: 952: 933: 930:|...| 929: 925: 917: 894: 877: 871: 867: 861: 854: 851: 848: 845: 843: 824: 781: 780: 763: 743: 718:emphatic phrase 621: 616: 586: 581: 563: 558: 552: 547: 541: 536: 530: 525: 519: 514: 508: 503: 497: 492: 486: 481: 475: 470: 468:Big Lime Button 464: 459: 453: 448: 446:Big Cyan Button 442: 437: 431: 426: 424:Big Blue Button 420: 400:Article Wizard 389: 384: 378: 373: 367: 363:(not clickable) 359: 353: 348: 342: 337: 331: 320: 317: 278: 274: 262: 258: 254: 244: 241: 235: 225: 224:Alternatively, 217: 211: 208: 202: 199: 192: 189: 179: 176: 162: 159: 149: 146: 136: 133: 124: 118: 104:This button is 79: 77: 63: 57: 50: 31: 25: 23: 18: 12: 11: 5: 1544: 1542: 1534: 1533: 1523: 1522: 1450: 1449: 1445: 1444: 1441: 1439:example output 1436: 1426: 1425: 1422: 1417: 1407: 1406: 1403: 1398: 1388: 1387: 1384: 1375: 1365: 1364: 1361: 1356: 1346: 1345: 1334: 1332: 1331:    1329: 1319: 1318: 1315: 1313: 1312:    1310: 1300: 1299: 1296: 1294: 1293:    1291: 1281: 1280: 1277: 1275: 1274:    1272: 1262: 1261: 1208: 1197: 1187: 1186: 1167: 1165: 1164:    1162: 1152: 1151: 1145: 1142: 1140: 1132: 1131: 1125: 1120: 1112: 1111: 1102: 1089: 1079: 1078: 1054: 1045: 1029: 1028: 1021: 1012: 1002: 1001: 998: 950: 940: 939: 936: 931: 927: 923: 915: 905: 904: 897: 892: 882: 881: 858: 841: 831: 830: 827: 822: 812: 811: 808: 803: 793: 792: 785: 778: 768: 767: 764: 759: 749: 748: 744: 741: 739: 729: 728: 721: 719: 714: 704: 703: 700: 699:use ..." 693: 683: 682: 679: 678:use ..." 672: 662: 661: 658:<strong> 654: 649: 639: 638: 635: 632: 631:Template  626: 623: 622: 617: 615: 614: 607: 600: 592: 583: 582: 580: 579: 568: 565: 564: 562: 561: 556:Cleanup Button 550: 539: 528: 517: 506: 495: 484: 473: 462: 451: 440: 435:Big Red Button 429: 418: 417: 416: 411: 406: 397: 395: 391: 390: 388: 387: 376: 365: 351: 346:Branded Button 340: 328: 326: 322: 321: 318: 316: 315: 308: 301: 293: 287: 286: 276: 260: 240: 237: 232:also produces 222: 221: 190: 177: 160: 147: 132: 129: 98: 97: 67: 22: 21: 13: 10: 9: 6: 4: 3: 2: 1543: 1532: 1529: 1528: 1526: 1516: 1512: 1504: 1499: 1493: 1489: 1484: 1477: 1473: 1467: 1463: 1459: 1458:documentation 1442: 1437: 1434: 1433: 1428: 1427: 1423: 1418: 1415: 1414: 1409: 1408: 1404: 1399: 1396: 1395: 1390: 1389: 1385: 1376: 1373: 1372: 1367: 1366: 1362: 1357: 1354: 1353: 1348: 1347: 1341: 1335: 1330: 1327: 1326: 1321: 1320: 1316: 1311: 1308: 1307: 1302: 1301: 1297: 1292: 1289: 1288: 1283: 1282: 1278: 1273: 1270: 1269: 1264: 1263: 1249: 1231: 1225: 1217: 1209: 1198: 1195: 1194: 1189: 1188: 1176: 1168: 1163: 1160: 1159: 1154: 1153: 1146: 1141: 1138: 1134: 1133: 1126: 1121: 1118: 1114: 1113: 1109: 1108: 1103: 1095: 1090: 1087: 1086: 1081: 1080: 1066: 1055: 1046: 1043: 1042: 1037: 1036: 1031: 1030: 1026: 1025:HTML elements 1022: 1013: 1010: 1009: 1004: 1003: 999: 959: 951: 948: 947: 942: 941: 937: 921: 916: 913: 912: 907: 906: 902: 898: 893: 890: 889: 884: 883: 876: 866: 859: 842: 839: 838: 833: 832: 828: 823: 820: 819: 814: 813: 809: 804: 801: 800: 795: 794: 790: 786: 779: 776: 775: 770: 769: 765: 760: 757: 756: 751: 750: 745: 740: 737: 736: 731: 730: 726: 722: 717: 715: 712: 711: 706: 705: 701: 694: 691: 690: 685: 684: 680: 673: 670: 669: 664: 663: 659: 655: 650: 647: 646: 641: 640: 629: 624: 620: 613: 608: 606: 601: 599: 594: 593: 590: 578: 570: 569: 566: 557: 551: 546: 540: 535: 529: 524: 518: 513: 507: 502: 496: 491: 485: 480: 474: 469: 463: 458: 452: 447: 441: 436: 430: 425: 419: 415: 414:button wizard 412: 410: 407: 405: 402: 401: 399: 398: 396: 392: 383: 377: 372: 366: 358: 352: 347: 341: 336: 330: 329: 327: 323: 314: 309: 307: 302: 300: 295: 294: 291: 282: 277: 273: 266: 261: 248: 243: 242: 238: 236: 229: 216: 209: 200: 191: 183: 178: 174: 166: 161: 153: 148: 140: 135: 134: 130: 128: 123: 115: 113: 109: 107: 95: 91: 87: 83: 75: 71: 68: 61: 60: 55: 47: 43: 39: 35: 19: 17:Hello, World! 1435:}} 1430: 1429:{{ 1416:}} 1412: 1411: 1410:{{ 1397:}} 1392: 1391:{{ 1374:}} 1369: 1368:{{ 1355:}} 1350: 1349:{{ 1342:}} 1338:{{ 1328:}} 1325:block indent 1323: 1322:{{ 1309:}} 1304: 1303:{{ 1290:}} 1285: 1284:{{ 1271:}} 1266: 1265:{{ 1250:}} 1246:{{ 1232:}} 1228:{{ 1218:}} 1214:{{ 1199:"Do not use 1196:}} 1191: 1190:{{ 1177:}} 1173:{{ 1161:}} 1156: 1155:{{ 1139:}} 1135:{{ 1119:}} 1115:{{ 1105: 1096:has keyword 1088:}} 1083: 1082:{{ 1068:}} 1062:{{ 1048:"Ensure the 1044:}} 1039: 1033: 1032:{{ 1011:}} 1006: 1005:{{ 949:}} 944: 943:{{ 934:}} 918:{{ 909: 908:{{ 891:}} 886: 885:{{ 878:}} 872:{{ 868:}} 862:{{ 840:}} 835: 834:{{ 821:}} 816: 815:{{ 802:}} 797: 796:{{ 777:}} 772: 771:{{ 758:}} 753: 752:{{ 738:}} 733: 732:{{ 723:To indicate 713:}} 708: 707:{{ 692:}} 687: 686:{{ 671:}} 666: 665:{{ 656:To indicate 648:}} 643: 642:{{ 559:}} 553:{{ 548:}} 542:{{ 537:}} 531:{{ 526:}} 520:{{ 515:}} 509:{{ 504:}} 498:{{ 493:}} 487:{{ 482:}} 476:{{ 471:}} 465:{{ 460:}} 454:{{ 449:}} 443:{{ 438:}} 432:{{ 427:}} 421:{{ 385:}} 379:{{ 374:}} 368:{{ 360:}} 356: 354:{{ 349:}} 343:{{ 338:}} 332:{{ 283:}} 279:{{ 267:}} 263:{{ 249:}} 245:{{ 227: 226:{{ 223: 218:}} 212:{{ 181: 180:{{ 164: 163:{{ 151: 150:{{ 138: 137:{{ 125:}} 119:{{ 116: 105: 103: 101: 90:user subpage 69: 15: 1462:transcluded 888:param value 789:magic words 747:distinction 371:Blue button 272:ā‡¬ Caps Lock 234:button text 207:linked text 198:linked text 188:button text 158:button text 145:button text 44:] [ 40:] [ 36:] [ 1456:The above 1420:Don't save 1401:Left shift 1359:user input 1252:uses red ( 1224:deprecated 1212: or 1171: or 1076:someMethod 1072:someMethod 1023:To render 880:templates) 725:<em> 689:stronggood 652:Important! 545:AFC button 86:/testcases 1513:subpage. 1498:testcases 1371:key press 1074:becomes 755:var serif 742:strPrefix 668:strongbad 637:Use  382:Mw button 247:Key press 195:produces 186:produces 169:produces 156:produces 143:produces 108:clickable 94:talk page 72:, and on 1525:Category 1244:) while 986:category 920:Template 577:Category 239:See also 82:/sandbox 1490:| 1483:sandbox 1476:history 1474:| 1394:key top 1220:  1179:  1098:?BRANCH 1085:PreCode 973:selfref 958:hatnote 849:selfref 409:button2 265:Key top 112:tooltip 42:history 1507:pages. 1413:button 1065:codett 1041:codett 983:| 970:| 963:| 926:| 922:| 901:middot 846:| 645:strong 404:button 357:Button 228:Button 201:, and 182:Button 165:Button 152:Button 139:Button 1464:from 1340:quote 1306:quote 1256:blink 1239:blink 1203:blink 1094:FORTH 1015:"The 989:= 976:= 966:Hello 852:= 818:param 676:Never 131:Usage 48:] 46:purge 32:[ 1511:/doc 1503:edit 1496:and 1492:diff 1488:edit 1472:edit 1432:samp 1378:Ctrl 1258:> 1254:< 1242:> 1236:< 1205:> 1201:< 1175:sxhl 1107:code 1050:alt= 1035:code 870:and 799:para 716:"An 697:Only 253:Ctrl 204:for 38:edit 34:view 1460:is 1352:kbd 1268:pre 1248:dcr 1230:dc2 1008:tag 979:yes 946:tji 911:tlx 875:tji 855:yes 837:tjp 774:tld 735:var 281:Kbd 106:not 84:or 1527:: 1468:. 1287:tj 1260:). 1216:dc 1207:." 1100:." 1060:. 995:}} 992:no 954:{{ 932:10 865:tj 710:em 210:. 127:. 1517:. 1505:) 1501:( 1494:) 1486:( 1478:) 1470:( 1382:x 1380:+ 1210:( 1169:( 1092:" 928:2 924:1 720:" 695:" 674:" 611:e 604:t 597:v 312:e 305:t 298:v 275:) 259:) 257:x 255:+ 193:] 76:. 56:.

Index

view
edit
history
purge
Template:Clickable button 2
approximately 45,000 pages
/sandbox
/testcases
user subpage
talk page
tooltip
Clickable button
Button
Button
Button

Button
linked text
linked text
clickable button 2
Button
Key press
Key top
ā‡¬ Caps Lock
Kbd
v
t
e
Clickable button
Branded Button

Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.

ā†‘