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-31 00:38:24 +00:00
< link rel = "preload stylesheet" href = "/assets/style.No8zk9aC.css" as = "style" >
2024-05-30 02:02:10 +00:00
2024-09-18 08:58:07 +00:00
< script type = "module" src = "/assets/app.G8yPgZjW.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 = "" >
2024-09-18 08:58:07 +00:00
< link rel = "modulepreload" href = "/assets/chunks/theme.BXuOQ_O6.js" >
< link rel = "modulepreload" href = "/assets/chunks/framework.Clpp4x2N.js" >
< link rel = "modulepreload" href = "/assets/reference_configurator_support.md.DoavXRX9.lean.js" >
2024-05-30 02:02:10 +00:00
< 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-09-06 16:32:11 +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 4
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-09-18 08:58:07 +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 h a n g e l o g _ 2 0 1 9 0 8 3 0 . m d \ " : \ " B i v r 4 B O W \ " , \ " c h a n g e l o g _ 2 0 2 0 0 2 2 9 . m d \ " : \ " B l w j d G d l \ " , \ " c h a n g e l o g _ 2 0 2 0 1 1 2 8 . m d \ " : \ " B v 3 M t R Z N \ " , \ " c h a n g e l o g _ 2 0 2 1 0 2 2 7 . m d \ " : \ " B Z C S 3 Q y X \ " , \ " c h a n g e l o g _ 2 0 2 1 1 1 2 7 . m d \ " : \ " D n z 3 u - H 6 \ " , \ " c h a n g e l o g _ 2 0 2 1 0 5 2 9 . m d \ " : \ " B u R u k n 9 m \ " , \ " c h a n g e l o g _ 2 0 2 2 1 1 2 6 . m d \ " : \ " C S l b 6 - 9 w \ " , \ " c h a n g e l o g _ 2 0 2 0 0 8 2 9 . m d \ " : \ " D k r t 3 a r z \ " , \ " c h a n g e l o g _ 2 0 2 3 0 2 2 6 . m d \ " : \ " B h r y C t 4 E \ " , \ " c h a n g e l o g _ 2 0 2 2 0 8 2 7 . m d \ " : \ " C V 9 u G c Q 3 \ " , \ " c h a n g e l o g _ 2 0 2 0 0 5 3 0 . m d \ " : \ " J E J G 5 6 L T \ " , \ " c h a n g e l o g _ 2 0 2 2 0 2 2 6 . m d \ " : \ " D n H K n t Z W \ " , \ " c h a n g e l o g _ 2 0 2 4 0 8 2 5 . m d \ " : \ " B 1 y D 6 - 2 m \ " , \ " c h a n g e l o g _ 2 0 2 1 0 8 2 8 . m d \ " : \ " B Z y V e E h g \ " , \ " c h a n g e l o g _ 2 0 2 3 1 1 2 6 . m d \ " : \ " C T A q t m r E \ " , \ " c h a n g e l o g _ 2 0 2 4 0 5 2 6 . m d \ " : \ " C m S 3 C u z 0 \ " , \ " c h a n g e l o g _ 2 0 2 2 0 5 2 8 . m d \ " : \ " l 9 8 a H f d l \ " , \ " c a p a b i l i t i e s . m d \ " : \ " B P L 7 5 V H K \ " , \ " c a p a b i l i t i e s _ i n c . m d \ " : \ " I e y u I 9 W f \ " , \ " c h a n g e l o g _ 2 0 2 3 0 8 2 7 . m d \ " : \ " h s 0 C z 5 z a \ " , \ " c h a n g e l o g _ 2 0 2 3 0 5 2 8 . m d \ " : \ " B J I k U g V m \ " , \ " 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 \ " : \ " B d P W 5 X x m \ " , \ " a p i _ d e v e l o p m e n t _ o v e r v i e w . m d \ " : \ " B Z J T S E _ s \ " , \ " a p i _ o v e r v i e w . m d \ " : \ " B z z v V a p Y \ " , \ " c h a n g e l o g _ 2 0 2 4 0 2 2 5 . m d \ " : \ " D I 6 Z h n H _ \ " , \ " a p i _ d o c s . m d \ " : \ " D U u l 5 0 U I \ " , \ " a r m _ d e b u g g i n g . m d \ " : \ " D V e U L k L A \ " , \ " b r e a k i n g _ c h a n g e s . m d \ " : \ " D W u H N v R s \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 4 2 a . m d \ " : \ " C j v b _ b - G \ " , \ " f e a t u r e s _ a u t o _ s h i f t . m d \ " : \ " j w K J B l E 4 \ " , \ " c o n f i g u r a t o r _ a r c h i t e c t u r e . m d \ " : \ " C m F D p V L e \ " , \ " f e a t u r e s _ w p m . m d \ " : \ " C l H U q q G Q \ " , \ " b r e a k i n g _ c h a n g e s _ h i s t o r y . m d \ " : \ " B k i n 0 Z m d \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 4 6 a . m d \ " : \ " B G P 2 P A J T \ " , \ " 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 \ " : \ " B g E c n K T p \ " , \ " f e a t u r e _ l a y o u t s . m d \ " : \ " C j p 6 p Y R h \ " , \ " i s p _ f l a s h i n g _ g u i d e . m d \ " : \ " B C L e z 5 6 0 \ " , \ " f e a t u r e _ u s e r s p a c e . m d \ " : \ " B W B T J P L X \ " , \ " o t h e r _ v s c o d e . m d \ " : \ " B D s v - W I r \ " , \ " f e a t u r e s _ s p l i t _ k e y b o a r d . m d \ " : \ " C N V f 0 I P B \ " , \ " n e w b s _ f l a s h i n g . m d \ " : \ " B x r s b p F T \ " , \ " n e w b s _ g e t t i n g _ s t a r t e d . m d \ " : \ " C p b F a J q I \ " , \ " n e w b s _ g i t _ b e s t _ p r a c t i c e s . m d \ " : \ " B Q E F e F M K \ " , \ " n e w b s _ g i t _ r e s o l v i n g _ m e r g e _ c o n f l i c t s . m d \ " : \ " C b G B c g D e \ " , \ " n e w b s _ g i t _ r e s y n c h r o n i z e _ a _ b r a n c h . m d \ " : \ " D K 2 X H v q c \ " , \ " f e a t u r e s _ a u d i o . m d \ " : \ " D y 0 T o e L W \ " , \ " 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 \ " : \ " M 0 U l p w H v \ " , \ " f e a t u r e s _ s e n d _ s t r i n g . m d \ " : \ " C g b d P 6 B 4 \ " , \ " c u s t o m _ q u a n t u m _ f u n c t i o n s . m d \ " : \ " D t I u N x T Q \ " , \ " 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 \ " : \ " C s n E V R O I \ " , \ " d a t a _ d r i v e n _ c o n f i g . m d \ " : \ " 3 i L 4 - P 4 O \ " , \ " d o c u m e n t a t i o n _ t e m p l a t e s . m d \ " : \ " B z r b q 1 w Q \ " , \ " d r i v e r s _ i 2 c . m d \ " : \ " D r 2 9 Q p w d \ " , \ " d r i v e r s _ i s 3 1 f l 3 2 1 8 . m d \ " : \ " C b X g Z f 0 f \ " , \ " f e a t u r e s _ a u t o c o r r e c t . m d \ " : \ " C r K w 5 p K P \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 2 9 . m d \ " : \ " D 5 1 u 1 Z j 1 \ " , \ " d r i v e r s _ a p a 1 0 2 . m d \ " : \ " D R K q d W 0 M \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 3 3 . m d \ " : \ " D k z Q C 1 r k \ " , \ " 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 \ " : \ " D y 2 k Y H S K \ " , \ " 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 \ " : \ " B I - a c v L B \ " , \ " f e a t u r e _ e e p r o m . m d \ " : \ " t G E c 5 q B _ \ " , \ " c l i _ t a b _ c o m p l e t e . m d \ " : \ " N V b K - H 3 1 \ " , \ " f e a t u r e _ d e b o u n c e _ t y p e . m d \ " : \ " D B j O R O e v \ " , \ " f a q _ m i s c . m d \ " : \ " C r A r y H 8 S \ " , \ " d r i v e r s _ a d c . m d \ " : \ " B 7 G h N 9 c b \ " , \ " f e a t u r e _ l a y e r s . m d \ " : \ " C T v Z 1 v M r \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 3 1 . m d \ " : \ " B A A D R _ Y T \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 3 6 . m d \ " : \ " D - S h j Y a v \ " , \ " c l i _ d e v e l o p m e n t . m d \ " : \ " D H T _ _ 0 2 d \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 3 7 . m d \ " : \ " B q p m I J M Q \ " , \ " d r i v e r s _ s e r i a l . m d \ " : \ " C D j O J d N t \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 4 5 . m d \ " : \ " D 5 R _ s x f C \ " , \ " c l i . m d \ " : \ " B m x h R P c P \ " , \ " f e a t u r e s _ b o o t m a g i c . m d \ " : \ " D I H k T T z 1 \ " , \ " f e a t u r e s _ c a p s _ w o r d . m d \ " : \ " C 0 f p U f Y 4 \ " , \ " f e a t u r e s _ b l u e t o o t h . m d \ " : \ " B s 2 L d U w _ \ " , \ " f a q _ b u i l d . m d \ " : \ " D g V Y b 8 Z h \ " , \ " f e a t u r e s _ c o m m a n d . m d \ " : \ " B 4 m E 2 1 d h \ " , \ " d r i v e r s _ i s 3 1 f l 3 2 3 6 . m d \ " : \ " D B 6 z 9 1 i Z \ " , \ " d r i v e r s _ s p i . m d \ " : \ " D o C Z g 1 i V \ " , \ " f e a t u r e s _ d i g i t i z e r . m d \ " : \ " D B S Z v p w E \ " , \ " c o n t r i b u t i n g . m d \ " : \ " C - z h 8 z u X \ " , \ " f e a t u r e s _ c o m b o . m d \ " : \ " C C 9 Q Z A P 7 \ " , \ " f e a t u r e s _ d y n a m i c _ m a c r o s . m d \ " : \ " Z T t I h M 8 T \ " , \ " e a s y _ m a k e r . m d \ " : \ " C W 6 j l M O - \ " , \ " 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 \ " : \ " D R m o L x t C \ " , \ " c l i _ c o n f i g u r a t i o n . m d \ " : \ " C Y 0 Y D F k c \ " , \ " f e a t u r e s _ g r a v e _ e s c . m d \ " : \ " D T v s 6 3 9 6 \ " , \ " f a q _ d e b u g . m d \ " : \ " B D X E R R o T \ " , \ " f e a t u r e s _ h a p t i c _ f e e d b a c k . m d \ " : \ " D V U d h F 3 q \ " , \ " f e a t u r e s _ h d 4 4 7 8 0 . m d \ " : \ " k U I f 1 - 0 D \ " , \ " d r i v e r s _ g p i o . m d \ " : \ " C 8 1 H Q m 2 y \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 4 1 . m d \ " : \ " 9 e 7 j z v w W \ " , \ " f a q _ g e n e r a l . m d \ " : \ " B R X T v q D s \ " , \ " c u s t o m _ m a t r i x . m d \ " : \ " B a J L C N e _ \ " , \ " 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 \ " : \ " C i P 7 v 8 C c \ " , \ " 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 \ " : \ " B w S L g i p x \ " , \ " k e y c o d e s _ b a s i c . m d \ " : \ " B _ i S D g m 4 \ " , \ " k e y c o d e s _ u s _ a n s i _ s h i f t e d . m d \ " : \ " 7 2 m j M G - 4 \ " , \ " k e y c o d e s _ m a g i c . m d \ " : \ " L O Q R A y 9 4 \ " , \ " n e w b s _ b u i l d i n g _ f i r m w a r e . m d \ " : \ " C y b o v R d t \ " , \ " k e y m a p . m d \ " : \ " C 4 x C 8 D K s \ " , \ " f e a t u r e s _ s t e n o g r a p h y . m d \ " : \ " B m d U w U E g \ " , \ " m o d _ t a p . m d \ " : \ " B 5 t 5 N S B O \ " ,
2024-05-30 02:02:10 +00:00
< / body >
< / html >
