2024-05-30 02:02:10 +00:00
<!DOCTYPE html>
< html lang = "en-US" dir = "ltr" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
< title > Supporting Your Keyboard in QMK Configurator | QMK Firmware< / title >
< meta name = "description" content = "Documentation for QMK Firmware" >
< meta name = "generator" content = "VitePress v1.1.3" >
2024-05-30 09:11:30 +00:00
< link rel = "preload stylesheet" href = "/assets/style.DWuET1QV.css" as = "style" >
2024-05-30 02:02:10 +00:00
2024-05-30 09:12:24 +00:00
< script type = "module" src = "/assets/app.BDA1YtVA.js" > < / script >
2024-05-30 02:02:10 +00:00
< link rel = "preload" href = "/assets/inter-roman-latin.Di8DUHzh.woff2" as = "font" type = "font/woff2" crossorigin = "" >
< link rel = "modulepreload" href = "/assets/chunks/framework.DyMmIvSC.js" >
2024-05-30 09:12:24 +00:00
< link rel = "modulepreload" href = "/assets/chunks/theme.BjSqPv6D.js" >
2024-05-30 02:02:10 +00:00
< link rel = "modulepreload" href = "/assets/reference_configurator_support.md.FaBQzIj6.lean.js" >
< script id = "check-dark-mode" > ( ( ) => { const e = localStorage . getItem ( "vitepress-theme-appearance" ) || "auto" , a = window . matchMedia ( "(prefers-color-scheme: dark)" ) . matches ; ( ! e || e === "auto" ? a : e === "dark" ) && document . documentElement . classList . add ( "dark" ) } ) ( ) ; < / script >
< script id = "check-mac-os" > document . documentElement . classList . toggle ( "mac" , /Mac|iPhone|iPod|iPad/i . test ( navigator . platform ) ) ; < / script >
< / head >
< body >
2024-05-30 09:11:30 +00:00
< div id = "app" > < div class = "Layout" data-v-5d98c3a5 > <!-- [ --> <!-- ] --> <!-- [ --> < span tabindex = "-1" data-v-0f60ec36 > < / span > < a href = "#VPContent" class = "VPSkipLink visually-hidden" data-v-0f60ec36 > Skip to content < / a > <!-- ] --> <!-- --> < header class = "VPNav" data-v-5d98c3a5 data-v-ae24b3ad > < div class = "VPNavBar has-sidebar top" data-v-ae24b3ad data-v-ccf7ddec > < div class = "wrapper" data-v-ccf7ddec > < div class = "container" data-v-ccf7ddec > < div class = "title" data-v-ccf7ddec > < div class = "VPNavBarTitle has-sidebar" data-v-ccf7ddec data-v-ab179fa1 > < a class = "title" href = "/" data-v-ab179fa1 > <!-- [ --> <!-- ] --> <!-- [ --> <!-- [ --> <!-- [ --> < img class = "VPImage dark logo" src = "/qmk-logo-dark.svg" alt data-v-8426fc1a > <!-- ] --> <!-- [ --> < img class = "VPImage light logo" src = "/qmk-logo-light.svg" alt data-v-8426fc1a > <!-- ] --> <!-- ] --> <!-- ] --> < span data-v-ab179fa1 > QMK Firmware< / span > <!-- [ --> <!-- ] --> < / a > < / div > < / div > < div class = "content" data-v-ccf7ddec > < div class = "content-body" data-v-ccf7ddec > <!-- [ --> <!-- ] --> < div class = "VPNavBarSearch search" data-v-ccf7ddec > <!-- [ --> <!-- --> < div id = "local-search" > < button type = "button" class = "DocSearch DocSearch-Button" aria-label = "Search" > < span class = "DocSearch-Button-Container" > < span class = "vp-icon DocSearch-Search-Icon" > < / span > < span class = "DocSearch-Button-Placeholder" > Search< / span > < / span > < span class = "DocSearch-Button-Keys" > < kbd class = "DocSearch-Button-Key" > < / kbd > < kbd class = "DocSearch-Button-Key" > K< / kbd > < / span > < / button > < / div > <!-- ] --> < / div > < nav aria-labelledby = "main-nav-aria-label" class = "VPNavBarMenu menu" data-v-ccf7ddec data-v-7f418b0f > < span id = "main-nav-aria-label" class = "visually-hidden" data-v-7f418b0f > Main Navigation< / span > <!-- [ --> <!-- [ --> < a class = "VPLink link VPNavBarMenuLink" href = "./" tabindex = "0" data-v-7f418b0f data-v-9c663999 > <!-- [ --> < span data-v-9c663999 > Home< / span > <!-- ] --> < / a > <!-- ] --> <!-- ] --> < / nav > <!-- --> < div class = "VPNavBarAppearance appearance" data-v-ccf7ddec data-v-e6aabb21 > < button class = "VPSwitch VPSwitchAppearance" type = "button" role = "switch" title = "Switch to dark theme" aria-checked = "false" data-v-e6aabb21 data-v-d1f28634 data-v-1d5665e3 > < span class = "check" data-v-1d5665e3 > < span class = "icon" data-v-1d5665e3 > <!-- [ --> < span class = "vpi-sun sun" data-v-d1f28634 > < / span > < span class = "vpi-moon moon" data-v-d1f28634 > < / span > <!-- ] --> < / span > < / span > < / button > < / div > < div class = "VPSocialLinks VPNavBarSocialLinks social-links" data-v-ccf7ddec data-v-0394ad82 data-v-7bc22406 > <!-- [ --> < a class = "VPSocialLink no-icon" href = "https://reddit.com/r/olkb" aria-label target = "_blank" rel = "noopener" data-v-7bc22406 data-v-eee4e7cb > < svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 50 50" width = "50px" height = "50px" > < path d = "M 29 3 C 28 . 0625 3 27 . 164063 3 . 382813 26 . 5 4 C 25 . 835938 4 . 617188 25 . 363281 5 . 433594 25 6 . 40625 C 24 . 355469 8 . 140625 24 . 085938 10 . 394531 24 . 03125 13 . 03125 C 19 . 234375 13 . 179688 14 . 820313 14 . 421875 11 . 28125 16 . 46875 C 10 . 214844 15 . 46875 8 . 855469 14 . 96875 7 . 5 14 . 96875 C 6 . 089844 14 . 96875 4 . 675781 15 . 511719 3 . 59375 16 . 59375 C 1 . 425781 18 . 761719 1 . 425781 22 . 238281 3 . 59375 24 . 40625 L 3 . 84375 24 . 65625 C 3 . 3125 26 . 035156 3 27 . 488281 3 29 C 3 33 . 527344 5 . 566406 37 . 585938 9 . 5625 40 . 4375 C 13 . 558594 43 . 289063 19 . 007813 45 25 45 C 30 . 992188 45 36 . 441406 43 . 289063 40 . 4375 40 . 4375 C 44 . 433594 37 . 585938 47 33 . 527344 47 29 C 47 27 . 488281 46 . 6875 26 . 035156 46 . 15625 24 . 65625 L 46 . 40625 24 . 40625 C 48 . 574219 22 . 238281 48 . 574219 18 . 761719 46 . 40625 16 . 59375 C 45 . 324219 15 . 511719 43 . 910156 14 . 96875 42 . 5 14 . 96875 C 41 . 144531 14 . 96875 39 . 785156 15 . 46875 38 . 71875 16 . 46875 C 35 . 195313 14 . 433594 30 . 800781 13 . 191406 26 . 03125 13 . 03125 C 26 . 09375 10 . 546875 26 . 363281 8 . 46875 26 . 875 7 . 09375 C 27 . 164063 6 . 316406 27 . 527344 5 . 757813 27 . 875 5 . 4375 C 28 . 222656 5 . 117188 28 . 539063 5 29 5 C 29 . 460938 5 29 . 683594 5 . 125 30 . 03125 5 . 40625 C 30 . 378906 5 . 6875 30 . 785156 6 . 148438 31 . 3125 6 . 6875 C 32 . 253906 7 . 652344 33 . 695313 8 . 714844 36 . 09375 8 . 9375 C 36 . 539063 11 . 238281 38 . 574219 13 41 13 C 43 . 75 13 46 10 . 75 46 8 C 46 5 . 25 43 . 75 3 41 3 C 38 . 605469 3 36 . 574219 4 . 710938 36 . 09375 6 . 96875 C 34 . 3125 6 . 796875 33 . 527344 6 . 109375 32 . 75 5 . 3125 C 32 . 300781 4 . 851563 31 . 886719
2024-05-30 02:02:10 +00:00
< span class = "line" > < span > |NLk| / | * | - |< / span > < / span >
< span class = "line" > < span > |---+---+---+---|< / span > < / span >
< span class = "line" > < span > |7 |8 |9 | + |< / span > < / span >
< span class = "line" > < span > |---+---+---| |< / span > < / span >
< span class = "line" > < span > |4 |5 |6 | |< / span > < / span >
< span class = "line" > < span > |---+---+---+---|< / span > < / span >
< span class = "line" > < span > |1 |2 |3 |Ent|< / span > < / span >
< span class = "line" > < span > |-------+---| |< / span > < / span >
< span class = "line" > < span > |0 | . | |< / span > < / span >
< span class = "line" > < span > |---------------|< / span > < / span > < / code > < / pre > < / div > < div class = "tip custom-block" > < p class = "custom-block-title" > TIP< / p > < p > For more on layout macros, see < a href = "./understanding_qmk#matrix-scanning" > Understanding QMK: Matrix Scanning< / a > and < a href = "./understanding_qmk#matrix-to-physical-layout-map" > Understanding QMK: Matrix to Physical Layout Map< / a > .< / p > < / div > < p > The Configurator' s API reads the keyboard' s < code > .h< / code > file from < code > qmk_firmware/keyboards/< keyboard> /< keyboard> .h< / code > . For our numpad, this file would be < code > qmk_firmware/keyboards/numpad/numpad.h< / code > :< / p > < div class = "language-c vp-adaptive-theme" > < button title = "Copy Code" class = "copy" > < / button > < span class = "lang" > c< / span > < pre class = "shiki shiki-themes github-light github-dark vp-code" > < code > < span class = "line" > < span style = "--shiki-light:#D73A49;--shiki-dark:#F97583;" > #pragma< / span > < span style = "--shiki-light:#6F42C1;--shiki-dark:#B392F0;" > once< / span > < / span >
< span class = "line" > < / span >
< span class = "line" > < span style = "--shiki-light:#D73A49;--shiki-dark:#F97583;" > #define< / span > < span style = "--shiki-light:#6F42C1;--shiki-dark:#B392F0;" > LAYOUT< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ( < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k00, k01, k02, k03, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k10, k11, k12, k13, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k20, k21, k22, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k30, k31, k32, k33, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k40, k42 < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ) { < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k00, k01, k02, k03 }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k10, k11, k12, k13 }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k20, k21, k22, KC_NO }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k30, k31, k32, k33 }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k40, KC_NO, k42, KC_NO } < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > }< / span > < / span > < / code > < / pre > < / div > < p > QMK uses < code > KC_NO< / code > to designate places in the switch matrix where there is no switch. Sometimes, < code > XXX< / code > , < code > ___< / code > or < code > ____< / code > are used as shorthand to make this section easier to read if it needs to be debugged. This is usually defined near the beginning of the < code > .h< / code > file:< / p > < div class = "language-c vp-adaptive-theme" > < button title = "Copy Code" class = "copy" > < / button > < span class = "lang" > c< / span > < pre class = "shiki shiki-themes github-light github-dark vp-code" > < code > < span class = "line" > < span style = "--shiki-light:#D73A49;--shiki-dark:#F97583;" > #pragma< / span > < span style = "--shiki-light:#6F42C1;--shiki-dark:#B392F0;" > once< / span > < / span >
< span class = "line" > < / span >
< span class = "line" > < span style = "--shiki-light:#D73A49;--shiki-dark:#F97583;" > #define< / span > < span style = "--shiki-light:#6F42C1;--shiki-dark:#B392F0;" > XXX< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > KC_NO< / span > < / span >
< span class = "line" > < / span >
< span class = "line" > < span style = "--shiki-light:#D73A49;--shiki-dark:#F97583;" > #define< / span > < span style = "--shiki-light:#6F42C1;--shiki-dark:#B392F0;" > LAYOUT< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ( < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k00, k01, k02, k03, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k10, k11, k12, k13, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k20, k21, k22, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k30, k31, k32, k33, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k40, k42 < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ) { < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k00, k01, k02, k03 }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k10, k11, k12, k13 }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k20, k21, k22, XXX }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k30, k31, k32, k33 }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k40, XXX, k42, XXX } < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > }< / span > < / span > < / code > < / pre > < / div > < div class = "warning custom-block" > < p class = "custom-block-title" > WARNING< / p > < p > This usage differs from that of keymap macros, which almost always use < code > XXXXXXX< / code > (seven capital X' s) for < code > KC_NO< / code > and < code > _______< / code > (seven underscores) for < code > KC_TRNS< / code > .< / p > < / div > < div class = "warning custom-block" > < p class = "custom-block-title" > WARNING< / p > < p > To prevent user confusion, using < code > KC_NO< / code > is preferred.< / p > < / div > < p > The layout macro tells the Configurator that our keyboard has 17 keys, arranged in five rows of four columns each. Our switch positions are named < code > k< row> < column> < / code > , counting from 0. The names themselves actually don' t matter, as long as they match between the top section, which receives the keycodes from the keymap, and the bottom half which designates where each key is in the matrix.< / p > < p > To display our keyboard in a way that resembles the physical keyboard, we need to build a JSON file that tells the Configurator how to tie the physical locations and sizes of our keys to our switch matrix.< / p > < h2 id = "building-the-json-file" tabindex = "-1" > Building the JSON file < a class = "header-anchor" href = "#building-the-json-file" aria-label = "Permalink to "Building the JSON file"" > < / a > < / h2 > < p > To build the JSON file, the easiest way is to build the layout in < a href = "https://www.keyboard-layout-editor.com/" target = "_blank" rel = "noreferrer" > Keyboard Layout Editor< / a > (" KLE" ), from which we' ll feed the Raw Data into a QMK tool that converts this data into a JSON the Configurator will read and use. Since KLE opens by default with a numpad layout, we' re just going to remove the Getting Started instructions, and use what' s left.< / p > < p > Once the layout is as desired, move to the Raw Data tab in KLE, and copy the contents:< / p > < div class = "language- vp-adaptive-theme" > < button title = "Copy Code" class = "copy" > < / button > < span class = "lang" > < / span > < pre class = "shiki shiki-themes github-light github-dark vp-code" > < code > < span class = "line" > < span > [" Num Lock" ," /" ," *" ," -" ],< / span > < / span >
< span class = "line" > < span > [" 7\nHome" ," 8\n↑" ," 9\nPgUp" ,{h:2}," +" ],< / span > < / span >
< span class = "line" > < span > [" 4\n←" ," 5" ," 6\n→" ],< / span > < / span >
< span class = "line" > < span > [" 1\nEnd" ," 2\n↓" ," 3\nPgDn" ,{h:2}," Enter" ],< / span > < / span >
< span class = "line" > < span > [{w:2}," 0\nIns" ," .\nDel" ]< / span > < / span > < / code > < / pre > < / div > < p > To convert this data into our JSON, go to the < a href = "https://qmk.fm/converter/" target = "_blank" rel = "noreferrer" > QMK KLE-JSON Converter< / a > , paste the Raw Data into the Input field, and click the Convert button. After a moment, our JSON data will appear in the Output field. Copy the contents to a new text document, and name the document < code > info.json< / code > , saving it in the same folder that contains < code > numpad.h< / code > .< / p > < p > Use the < code > keyboard_name< / code > object to set the name of the keyboard. For instruction purposes, we will put each key' s object on its own line. This is only to make the file more human-readable, and does not affect the Configurator' s functionality.< / p > < div class = "language-json vp-adaptive-theme" > < button title = "Copy Code" class = "copy" > < / button > < span class = "lang" > json< / span > < pre class = "shiki shiki-themes github-light github-dark vp-code" > < code > < span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " keyboard_name" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : < / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " Numpad" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ,< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " url" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : < / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " " < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ,< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " maintainer" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : < / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " qmk" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ,< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " tags" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : {< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " form_factor" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : < / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " numpad" < / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " layouts" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : {< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " LAYOUT" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : {< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " layout" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : [< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " Num Lock" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " /" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " *" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " -" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 7" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 8" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 9" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " +" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " h" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 4" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 5" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 6" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 1" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 2" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 3" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " Enter" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " h" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 0" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 4< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " w" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " ." < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 4< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > }< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ]< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > }< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > }< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > }< / span > < / span > < / code > < / pre > < / div > < p > The < code > layouts< / code > object contains the data that represents the physical layout of the keyboard. It has an object < code > LAYOUT< / code > , which needs to match the name of our layout macro from < code > numpad.h< / code > . The < code > LAYOUT< / code > object itself has an object named < code > layout< / code > , which contains one JSON object for each physical key on our keyboard, formatted as follows:< / p > < div class = "language- vp-adaptive-theme" > < button title = "Copy Code" class = "copy" > < / button > < span class = "lang" > < / span > < pre class = "shiki shiki-themes github-light github-dark vp-code" > < code > < span class = "line" > < span > The name of the key. Not displayed in the Configurator.< / span > < / span >
< span class = "line" > < span > |< / span > < / span >
< span class = "line" > < span > | The key' s X-axis location, in key units from the< / span > < / span >
< span class = "line" > < span > | | keyboard' s left edge.< / span > < / span >
< span class = "line" > < span > | |< / span > < / span >
< span class = "line" > < span > | | The key' s Y-axis location, in key units from< / span > < / span >
< span class = "line" > < span > | | | the keyboard' s top (rear-facing) edge.< / span > < / span >
< span class = "line" > < span > ↓ ↓ ↓< / span > < / span >
< span class = "line" > < span > {" label" :" Num Lock" , " x" :0, " y" :0},< / span > < / span > < / code > < / pre > < / div > < p > Some objects will also have < code > " w" < / code > and < code > " h" < / code > keys, which represent a key' s width and height, respectively.< / p > < div class = "tip custom-block" > < p class = "custom-block-title" > TIP< / p > < p > For more on the < code > info.json< / code > files, see < a href = "./reference_info_json" > < code > info.json< / code > Format< / a > .< / p > < / div > < h2 id = "how-the-configurator-programs-keys" tabindex = "-1" > How the Configurator Programs Keys < a class = "header-anchor" href = "#how-the-configurator-programs-keys" aria-label = "Permalink to "How the Configurator Programs Keys"" > < / a > < / h2 > < p > The Configurator' s API uses the layout macro and the JSON file we' ve given it to create a visual representation of the keyboard that has each visual object tied to a specific key, in sequence:< / p > < table label: . , = " " x:2 , = " " y:4 = "" > < thead > < tr > < th style = "text-align:center;" > key in layout macro< / th > < th style = "text-align:left;" > JSON object used< / th > < / tr > < / thead > < tbody > < tr label:NumLock , = " " x:0 , = " " y:0 = "" > < td style = "text-align:center;" > k00< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label: , = " " x:1 , = " " y:0 = "" > < td style = "text-align:center;" > k01< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label: * , = " " x:2 , = " " y:0 = "" > < td style = "text-align:center;" > k02< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:- , = " " x:3 , = " " y:0 = "" > < td style = "text-align:center;" > k03< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:7 , = " " x:0 , = " " y:1 = "" > < td style = "text-align:center;" > k10< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:8 , = " " x:1 , = " " y:1 = "" > < td style = "text-align:center;" > k11< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:9 , = " " x:2 , = " " y:1 = "" > < td style = "text-align:center;" > k12< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label: + , = " " x:3 , = " " y:1 , = " " h:2 = "" > < td style = "text-align:center;" > k13< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:4 , = " " x:0 , = " " y:2 = "" > < td style = "text-align:center;" > k20< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:5 , = " " x:1 , = " " y:2 = "" > < td style = "text-align:center;" > k21< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:6 , = " " x:2 , = " " y:2 = "" > < td style = "text-align:center;" > k22< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:1 , = " " x:0 , = " " y:3 = "" > < td style = "text-align:center;" > k30< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:2 , = " " x:1 , = " " y:3 = "" > < td style = "text-align:center;" > k31< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:3 , = " " x:2 , = " " y:3 = "" > < td style = "text-align:center;" > k32< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:Enter , = " " x:3 , = " " y:3 , = " " h:2 = "" > < td style = "text-align:center;" > k33< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:0 , = " " x:0 , = " " y:4 , = " " w:2 = "" > < td style = "text-align:center;" > k40< / td > < td style = "text-align:left;" > < / td > < / tr > < tr > < td style = "text-align:center;" > k42< / td > < td style = "text-align:left;" > < / td > < / tr > < / tbody > < / table > < p > When a user selects the top-left key in the Configurator, and assigns Num Lock to it, the Configurator builds a keymap file with < code > KC_NUM< / code > as the first key, and so on as the keymap is built. The < code > label< / code > keys are not used; they are only for the user' s reference in identifying specific keys when debugging the < code > info.json< / code > file.< / p > < h2 id = "issues-and-hazards" tabindex = "-1" > Issues and Hazards < a class = "header-anchor" href = "#issues-and-hazards" aria-label = "Permalink to "Issues and Hazards"" > < / a > < / h2 > < p > Currently, the Configurator does not support key rotation or non-rectangular key shapes like ISO Enter. Additionally, keys that are vertically-offset from their " row" — the arrow keys on 1800-layouts like the < a href = "https://github.com/qmk/qmk_firmware/tree/4ac48a61a66206beaf2fdd5f2939d8bbedd0004c/keyboards/tkc1800/" target = "_blank" rel = "noreferrer" > TKC1800< / a > being a prominent example — confuse the KLE-to-JSON Converter, if not adjusted for by the contributor of the < code > info.json< / code > file.< / p > < h3 id = "workarounds" tabindex = "-1" > W
2024-05-30 09:12:24 +00:00
< script > w i n d o w . _ _ V P _ H A S H _ M A P _ _ = J S O N . p a r s e ( " { \ " c a p a b i l i t i e s _ i n c . m d \ " : \ " C a 9 z p M c e \ " , \ " c h a n g e l o g _ 2 0 2 0 0 2 2 9 . m d \ " : \ " D N s o w w M 1 \ " , \ " b r e a k i n g _ c h a n g e s . m d \ " : \ " B t d q W Q l Y \ " , \ " a p a 1 0 2 _ d r i v e r . m d \ " : \ " D G T I N e K Z \ " , \ " a p i _ d e v e l o p m e n t _ e n v i r o n m e n t . m d \ " : \ " E h J C l b 9 f \ " , \ " c h a n g e l o g _ 2 0 2 1 0 2 2 7 . m d \ " : \ " B W O t C a e S \ " , \ " a p i _ d e v e l o p m e n t _ o v e r v i e w . m d \ " : \ " D c e y 4 n t L \ " , \ " c h i b i o s _ u p g r a d e _ i n s t r u c t i o n s . m d \ " : \ " B 5 d M t L 5 R \ " , \ " a d c _ d r i v e r . m d \ " : \ " D G N S F J Q a \ " , \ " c l i _ d e v e l o p m e n t . m d \ " : \ " C c z M J O E 3 \ " , \ " c o d i n g _ c o n v e n t i o n s _ c . m d \ " : \ " D d r p X B E h \ " , \ " c o n f i g u r a t o r _ s t e p _ b y _ s t e p . m d \ " : \ " G v m P t S c T \ " , \ " c o n t r i b u t i n g . m d \ " : \ " D L s p 4 v S A \ " , \ " c o n f i g u r a t o r _ d e f a u l t _ k e y m a p s . m d \ " : \ " B 3 v 8 d l H d \ " , \ " c o n f i g u r a t o r _ t r o u b l e s h o o t i n g . m d \ " : \ " B x G L P T 8 G \ " , \ " c h a n g e l o g _ 2 0 2 4 0 2 2 5 . m d \ " : \ " C G D o A F Q 4 \ " , \ " c h a n g e l o g _ 2 0 2 4 0 5 2 6 . m d \ " : \ " i G L F D 0 S P \ " , \ " c h a n g e l o g _ 2 0 2 0 0 5 3 0 . m d \ " : \ " D k - v R p T Q \ " , \ " c h a n g e l o g _ 2 0 2 2 0 5 2 8 . m d \ " : \ " B d S P P J S 6 \ " , \ " c h a n g e l o g _ 2 0 2 3 1 1 2 6 . m d \ " : \ " D 2 O k 5 Q A f \ " , \ " e e p r o m _ d r i v e r . m d \ " : \ " C J G h J Y m K \ " , \ " f a q _ b u i l d . m d \ " : \ " B r y o 1 y w z \ " , \ " c h a n g e l o g _ 2 0 2 3 0 2 2 6 . m d \ " : \ " C E Q K b 2 S w \ " , \ " f a q _ d e b u g . m d \ " : \ " u J t F R v C N \ " , \ " c a p a b i l i t i e s . m d \ " : \ " D _ J - X t W - \ " , \ " c h a n g e l o g _ 2 0 2 3 0 5 2 8 . m d \ " : \ " B M u u w _ _ T \ " , \ " a p i _ o v e r v i e w . m d \ " : \ " 0 F P a U s M b \ " , \ " f a q _ k e y m a p . m d \ " : \ " B N m 1 U Z C q \ " , \ " f a q _ g e n e r a l . m d \ " : \ " B C 3 p F w 4 U \ " , \ " f e a t u r e _ o s _ d e t e c t i o n . m d \ " : \ " D Z i b _ Q d Q \ " , \ " f e a t u r e _ m a c r o s . m d \ " : \ " D p K d C n i T \ " , \ " f e a t u r e _ m i d i . m d \ " : \ " 6 r A 7 l b e - \ " , \ " f e a t u r e _ m o u s e _ k e y s . m d \ " : \ " I y t 3 H b 3 p \ " , \ " c h a n g e l o g _ 2 0 2 2 1 1 2 6 . m d \ " : \ " B O p H h X i 2 \ " , \ " f a q _ m i s c . m d \ " : \ " q G r h O T u 4 \ " , \ " k e y c o d e s _ m a g i c . m d \ " : \ " C G O 3 h g M m \ " , \ " b r e a k i n g _ c h a n g e s _ h i s t o r y . m d \ " : \ " C k z d D 6 x 8 \ " , \ " d o c u m e n t a t i o n _ b e s t _ p r a c t i c e s . m d \ " : \ " D _ U w E t 1 C \ " , \ " f e a t u r e _ a d v a n c e d _ k e y c o d e s . m d \ " : \ " j N 1 B L a P G \ " , \ " f e a t u r e _ a u d i o . m d \ " : \ " C S d y - B 0 q \ " , \ " d r i v e r _ i n s t a l l a t i o n _ z a d i g . m d \ " : \ " B I O - i q 8 r \ " , \ " n e w b s . m d \ " : \ " D n E W W 2 K 4 \ " , \ " e a s y _ m a k e r . m d \ " : \ " B L a d B 4 D _ \ " , \ " s u p p o r t . m d \ " : \ " C w J _ H 6 Q x \ " , \ " c u s t o m _ q u a n t u m _ f u n c t i o n s . m d \ " : \ " B a b G w - y e \ " , \ " s y l l a b u s . m d \ " : \ " 0 - M O M J n E \ " , \ " g e t t i n g _ s t a r t e d _ m a k e _ g u i d e . m d \ " : \ " f s R i 0 m q X \ " , \ " a p i _ d o c s . m d \ " : \ " C R o D 6 C b L \ " , \ " m o d _ t a p . m d \ " : \ " C C e B c M H E \ " , \ " f e a t u r e _ s e c u r e . m d \ " : \ " D T i o 1 N t X \ " , \ " c l i _ c o n f i g u r a t i o n . m d \ " : \ " C G S B 1 2 8 P \ " , \ " f e a t u r e _ s p l i t _ k e y b o a r d . m d \ " : \ " d S X q G T c C \ " , \ " f e a t u r e _ o l e d _ d r i v e r . m d \ " : \ " C 3 m s Z U g f \ " , \ " c o d i n g _ c o n v e n t i o n s _ p y t h o n . m d \ " : \ " B V - O K 1 s 5 \ " , \ " c l i . m d \ " : \ " B L z A d A 6 l \ " , \ " c h a n g e l o g _ 2 0 2 0 1 1 2 8 . m d \ " : \ " 7 X X L 0 2 B n \ " , \ " c l i _ c o m m a n d s . m d \ " : \ " D C p e j d l n \ " , \ " g e t t i n g _ s t a r t e d _ d o c k e r . m d \ " : \ " m z 6 H E 4 B l \ " , \ " f e a t u r e _ p s 2 _ m o u s e . m d \ " : \ " D g K R v S p d \ " , \ " s u p p o r t _ d e p r e c a t i o n _ p o l i c y . m d \ " : \ " C C o 4 l j i w \ " , \ " f l a s h i n g _ b o o t l o a d h i d . m d \ " : \ " a X G P 0 b N 5 \ " , \ " c h a n g e l o g _ 2 0 2 0 0 8 2 9 . m d \ " : \ " C o q r O f f n \ " , \ " u a r t _ d r i v e r . m d \ " : \ " C b y _ 2 B 9 q \ " , \ " u n d e r s t a n d i n g _ q m k . m d \ " : \ " f - B c _ e H Q \ " , \ " g p i o _ c o n t r o l . m d \ " : \ " B X A Y 0 5 D a \ " , \ " c h a n g e l o g _ 2 0 2 1 0 5 2 9 . m d \ " : \ " C R 1 Y N f Z X \ " , \ " u n i t _ t e s t i n g . m d \ " : \ " u 3 f g b G U j \ " , \ " c h a n g e l o g _ 2 0 2 2 0 2 2 6 . m d \ " : \ " E e 8 Z P 8 S 1 \ " , \ " h a n d _ w i r e . m d \ " : \ " C i e y X S H 7 \ " , \ " c l i _ t a b _ c o m p l e t e . m d \ " : \ " C h a x f z Y o \ " , \ " d a t a _ d r i v e n _ c o n f i g . m d \ " : \ " B v L Q 7 P 2 0 \ " , \ " a r m _ d e b u g g i n g . m d \ " : \ " B H - H 2 U k z \ " , \ " c h a n g e l o g _ 2 0 1 9 0 8 3 0 . m d \ " : \ " D r t q 3 l M y \ " , \ " f e a t u r e _ c a p s _ w o r d . m d \ " : \ " D F E i d v i 5 \ " , \ " f e a t u r e _ c o n v e r t e r s . m d \ " : \ " B m v 2 9 b q N \ " , \ " f e a t u r e _ b o o t m a g i c . m d \ " : \ " C H s l U B O Y \ " , \ " f e a t u r e _ g r a v e _ e s c . m d \ " : \ " D f k 0 3 M w q \ " , \ " f e a t u r e _ l e d _ i n d i c a t o r s . m d \ " : \ " C Z M u 7 H 5 E \ " , \ " b r e a k i n g _ c h a n g e s _ i n s t r u c t i o n s . m d \ " : \ " B A j I G e J b \ " , \ " n e w b s _ b u i l d i n g _ f i r m w a r e _ c o n f i g u r a t o r . m d \ " : \ " y y o - 1 Q D E \ " , \ " c h a n g e l o g _ 2 0 2 3 0 8 2 7 . m d \ " : \ " C k G h 7 W z q \ " , \ " f e a t u r e _ l e a d e r _ k e y . m d \ " : \ " B m r l 3 z Q y \ " , \ " f e a t u r e _ l a y o u t s . m d \ " : \ " q c y 8 h N M O \ " , \ " n e w b s _ b u i l d i n g _ f i r m w a r e . m d \ " : \ " C 7 X i O j Z f \ " , \ " f e a t u r e _ l e d _ m a t r i x . m d \ " : \ " x G x J C I d k \ " , \ " n e w b s _ b u i l d i n g _ f i r m w a r e _ w o r k f l o w . m d \ " : \ " Y e G f w w b u \ " , \ " n e w b s _ f l a s h i n g . m d \ " : \ " B 4 2 m 5 W l n \ " , \ " n e w b s _ e x t e r n a l _ u s e r s p a c e . m d \ " : \ " p D 9 L c - a 5 \ " , \ " f e a t u r e _ s p a c e _ c a d e t . m d \ " : \ " B a d i g q A 6 \ " , \ " f e a t u r e _ s e q u e n c e r . m d \ " : \ " B 9 A 4 Z 8 E N \ " , \ " c o m p a t i b l e _ m i c r o c o n t r o l l e r s . m d \ " : \ " 6 H A 6 F J Z J \ " , \ " c o n f i g _ o p t i o n s . m d \ " : \ " D 0 q o S x Z G \ " , \ " t a p _ h o l d . m d \ " : \ " 5 4 I 6 X H R j \ " , \ " f e a t u r e _ a u t o _ s h i f t . m d \ " : \ " 0 x q m u 9 I K \ " , \ " f e a t u r e _ s e n d _ s t r i n g . m d \ " : \ " u c K d f _ 1 f \ " , \ " h a r d w a r e _ d r i v e r s . m d \ " : \ " D F F 5 L G T T \ " , \ " h o w _ a _ m a t r i x _ w o r k s . m d \ " : \ " J I N K b C u X \ " , \ " f e a t u r e _ r a w h i d . m d \ " : \ " _ q E _ L 8 r S \ " , \ " w s 2 8 1 2 _ d r i v e r . m d \ " : \ " D X i x R T S x \ " , \ " h a r d w a r e _ k e y b o a r d _ g u i d e l i n e s . m d \ " : \ " D 6 J r f T v T \ " , \ " h o w _ k e y b o a r d s _ w o r k . m d \ " : \ " C B 7 z 8 o c b \ " , \ " f e a t u r e _ u s e r s p a c e . m d \ " : \ " B s m Y 9 y W w \ " , \ " f e a t u r e _ w p m . m d \ " : \ " C - S A R A X c \ " , \ " f l a s h _ d r i v e r . m d \ " : \ " B T Z j p I x y \ " , \ " c h a n g e l o g _ 2 0 2 1 0 8 2 8 . m d \ " : \ " X 9 9 N a K j y \ " , \ " i n d e x . m d \ " : \ " B 4 Q Y z v H E \ " , \ "
2024-05-30 02:02:10 +00:00
< / body >
< / html >
