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-12-03 19:32:44 +00:00
< script type = "module" src = "/assets/app.DyBQnxno.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-12-03 19:32:44 +00:00
< link rel = "modulepreload" href = "/assets/chunks/theme.CuUwN9QV.js" >
2024-09-24 08:56:37 +00:00
< link rel = "modulepreload" href = "/assets/chunks/framework.B9AX-CPi.js" >
2024-11-21 18:47:54 +00:00
< link rel = "modulepreload" href = "/assets/reference_configurator_support.md.rxGtMJPf.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-11-27 10:33:24 +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 >
2024-11-21 18:47:54 +00:00
< 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 > < thead > < tr > < th > Key in layout macro< / th > < th > JSON object used< / th > < / tr > < / thead > < tbody > < tr > < td > k00< / td > < td > < code > {" label" :" Num Lock" , " x" :0, " y" :0}< / code > < / td > < / tr > < tr > < td > k01< / td > < td > < code > {" label" :" /" , " x" :1, " y" :0}< / code > < / td > < / tr > < tr > < td > k02< / td > < td > < code > {" label" :" *" , " x" :2, " y" :0}< / code > < / td > < / tr > < tr > < td > k03< / td > < td > < code > {" label" :" -" , " x" :3, " y" :0}< / code > < / td > < / tr > < tr > < td > k10< / td > < td > < code > {" label" :" 7" , " x" :0, " y" :1}< / code > < / td > < / tr > < tr > < td > k11< / td > < td > < code > {" label" :" 8" , " x" :1, " y" :1}< / code > < / td > < / tr > < tr > < td > k12< / td > < td > < code > {" label" :" 9" , " x" :2, " y" :1}< / code > < / td > < / tr > < tr > < td > k13< / td > < td > < code > {" label" :" +" , " x" :3, " y" :1, " h" :2}< / code > < / td > < / tr > < tr > < td > k20< / td > < td > < code > {" label" :" 4" , " x" :0, " y" :2}< / code > < / td > < / tr > < tr > < td > k21< / td > < td > < code > {" label" :" 5" , " x" :1, " y" :2}< / code > < / td > < / tr > < tr > < td > k22< / td > < td > < code > {" label" :" 6" , " x" :2, " y" :2}< / code > < / td > < / tr > < tr > < td > k30< / td > < td > < code > {" label" :" 1" , " x" :0, " y" :3}< / code > < / td > < / tr > < tr > < td > k31< / td > < td > < code > {" label" :" 2" , " x" :1, " y" :3}< / code > < / td > < / tr > < tr > < td > k32< / td > < td > < code > {" label" :" 3" , " x" :2, " y" :3}< / code > < / td > < / tr > < tr > < td > k33< / td > < td > < code > {" label" :" Enter" , " x" :3, " y" :3, " h" :2}< / code > < / td > < / tr > < tr > < td > k40< / td > < td > < code > {" label" :" 0" , " x" :0, " y" :4, " w" :2}< / code > < / td > < / tr > < tr > < td > k42< / td > < td > < code > {" label" :" ." , " x" :2, " y" :4}< / code > < / 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" > Workaro
2024-12-03 19:32:44 +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 \ " : \ " D 5 G v 0 x M 2 \ " , \ " c h a n g e l o g _ 2 0 2 0 0 2 2 9 . m d \ " : \ " T B l k C y r 5 \ " , \ " c h a n g e l o g _ 2 0 2 0 0 5 3 0 . m d \ " : \ " T I s D 4 I J 6 \ " , \ " c h a n g e l o g _ 2 0 2 0 0 8 2 9 . m d \ " : \ " D L R i c 7 T T \ " , \ " c h a n g e l o g _ 2 0 2 0 1 1 2 8 . m d \ " : \ " B a _ r F l x l \ " , \ " c h a n g e l o g _ 2 0 2 1 0 2 2 7 . m d \ " : \ " D v q X E R X t \ " , \ " c h a n g e l o g _ 2 0 2 1 0 5 2 9 . m d \ " : \ " D 6 J 1 R i d B \ " , \ " c h a n g e l o g _ 2 0 2 1 0 8 2 8 . m d \ " : \ " C 3 l F g q 5 A \ " , \ " c h a n g e l o g _ 2 0 2 1 1 1 2 7 . m d \ " : \ " K a w n p m K g \ " , \ " c h a n g e l o g _ 2 0 2 2 0 2 2 6 . m d \ " : \ " K L n m R n 9 F \ " , \ " c h a n g e l o g _ 2 0 2 2 0 5 2 8 . m d \ " : \ " B o u e 4 2 e A \ " , \ " c h a n g e l o g _ 2 0 2 2 0 8 2 7 . m d \ " : \ " B m G j S t e F \ " , \ " c h a n g e l o g _ 2 0 2 2 1 1 2 6 . m d \ " : \ " B 7 I F y k h d \ " , \ " c h a n g e l o g _ 2 0 2 3 0 2 2 6 . m d \ " : \ " t w C b P T 9 A \ " , \ " c h a n g e l o g _ 2 0 2 3 0 5 2 8 . m d \ " : \ " B z L L a F N h \ " , \ " c h a n g e l o g _ 2 0 2 3 0 8 2 7 . m d \ " : \ " B r h C S h V H \ " , \ " c h a n g e l o g _ 2 0 2 3 1 1 2 6 . m d \ " : \ " D V L m 2 e G v \ " , \ " c h a n g e l o g _ 2 0 2 4 0 2 2 5 . m d \ " : \ " C X S 3 F g K U \ " , \ " c h a n g e l o g _ 2 0 2 4 0 5 2 6 . m d \ " : \ " B M 7 f x Q B p \ " , \ " c h a n g e l o g _ 2 0 2 4 0 8 2 5 . m d \ " : \ " B D F Y 9 w p G \ " , \ " c h a n g e l o g _ 2 0 2 4 1 1 2 4 . m d \ " : \ " Q _ t H e H A a \ " , \ " c a p a b i l i t i e s . m d \ " : \ " a _ N b g g 0 n \ " , \ " c a p a b i l i t i e s _ i n c . m d \ " : \ " C o r - l D I x \ " , \ " 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 \ " : \ " p C Q R K F _ 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 \ " : \ " D 5 Z u s 3 E P \ " , \ " a p i _ d o c s . m d \ " : \ " C C H P m 9 P h \ " , \ " a p i _ o v e r v i e w . m d \ " : \ " B o 6 l - c 6 6 \ " , \ " a r m _ d e b u g g i n g . m d \ " : \ " D c r p f i y I \ " , \ " b r e a k i n g _ c h a n g e s . m d \ " : \ " y 5 x b z T 8 a \ " , \ " b r e a k i n g _ c h a n g e s _ h i s t o r y . m d \ " : \ " D n e r r i f T \ " , \ " 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 \ " : \ " y 3 u 4 r u Q J \ " , \ " 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 \ " : \ " p 6 u Z F 4 k P \ " , \ " c l i . m d \ " : \ " D 3 U Y W D O B \ " , \ " c l i _ c o m m a n d s . m d \ " : \ " D m a B 9 s a c \ " , \ " c l i _ c o n f i g u r a t i o n . m d \ " : \ " g f t m l - G J \ " , \ " c l i _ d e v e l o p m e n t . m d \ " : \ " C V 5 X 2 u 0 i \ " , \ " c l i _ t a b _ c o m p l e t e . m d \ " : \ " B j h R 5 T F S \ " , \ " c o d i n g _ c o n v e n t i o n s _ c . m d \ " : \ " D D X r s q 6 j \ " , \ " 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 p e Q I i J 8 \ " , \ " 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 p 5 C u z 5 M \ " , \ " c o n f i g _ o p t i o n s . m d \ " : \ " C 0 e y _ 0 z q \ " , \ " 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 \ " : \ " - 1 I a m g a M \ " , \ " 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 \ " : \ " C s b e 8 p I s \ " , \ " c o n f i g u r a t o r _ s t e p _ b y _ s t e p . m d \ " : \ " B Q X I 9 u d F \ " , \ " 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 \ " : \ " A 5 M E d d 6 g \ " , \ " c o n t r i b u t i n g . m d \ " : \ " C J p S A - c 9 \ " , \ " c u s t o m _ m a t r i x . m d \ " : \ " B B j T 2 8 g r \ " , \ " c u s t o m _ q u a n t u m _ f u n c t i o n s . m d \ " : \ " 7 W t z p 8 l 7 \ " , \ " d a t a _ d r i v e n _ c o n f i g . m d \ " : \ " f J s S 9 Z q H \ " , \ " 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 G 9 1 a P m N \ " , \ " d o c u m e n t a t i o n _ t e m p l a t e s . m d \ " : \ " C 2 - r I f Q 7 \ " , \ " 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 \ " : \ " q u I n Z V r l \ " , \ " d r i v e r s _ a d c . m d \ " : \ " D E z k L X s b \ " , \ " d r i v e r s _ a p a 1 0 2 . m d \ " : \ " D Z y C h 2 H s \ " , \ " d r i v e r s _ a u d i o . m d \ " : \ " D 7 D 3 o s x I \ " , \ " d r i v e r s _ a w 2 0 2 1 6 s . m d \ " : \ " C R G Z z 1 x Z \ " , \ " d r i v e r s _ e e p r o m . m d \ " : \ " D 2 I p 1 O A Y \ " , \ " d r i v e r s _ f l a s h . m d \ " : \ " B g L 2 P t m D \ " , \ " d r i v e r s _ g p i o . m d \ " : \ " D M C K p y i c \ " , \ " d r i v e r s _ i 2 c . m d \ " : \ " C Z 7 8 j x R E \ " , \ " d r i v e r s _ i s 3 1 f l 3 2 1 8 . m d \ " : \ " D g f D K i 5 r \ " , \ " d r i v e r s _ i s 3 1 f l 3 2 3 6 . m d \ " : \ " D O 7 F G j N M \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 2 9 . m d \ " : \ " B m F D _ Y G z \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 3 1 . m d \ " : \ " k 9 w X g e x F \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 3 3 . m d \ " : \ " C T o v y g 7 g \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 3 6 . m d \ " : \ " C - i b q m v t \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 3 7 . m d \ " : \ " D u W 4 Y c q u \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 4 1 . m d \ " : \ " B d 8 t D E G h \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 4 2 a . m d \ " : \ " o 6 1 0 3 t 5 c \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 4 3 a . m d \ " : \ " e 2 x E X Y V f \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 4 5 . m d \ " : \ " C 0 V y p s O f \ " , \ " d r i v e r s _ i s 3 1 f l 3 7 4 6 a . m d \ " : \ " D c _ M B C T u \ " , \ " d r i v e r s _ s e r i a l . m d \ " : \ " C J R p A 3 o b \ " , \ " d r i v e r s _ s n l e d 2 7 3 5 1 . m d \ " : \ " D k o Z 0 n O F \ " , \ " d r i v e r s _ s p i . m d \ " : \ " v F N 5 M R z l \ " , \ " d r i v e r s _ u a r t . m d \ " : \ " D f V p z l t t \ " , \ " d r i v e r s _ w s 2 8 1 2 . m d \ " : \ " O b z w - G T j \ " , \ " e a s y _ m a k e r . m d \ " : \ " y f F L Y E Z u \ " , \ " f a q _ b u i l d . m d \ " : \ " C l A W 0 a M e \ " , \ " f a q _ d e b u g . m d \ " : \ " D a R q K H e t \ " , \ " f a q _ g e n e r a l . m d \ " : \ " 0 I x v 7 4 _ I \ " , \ " f a q _ k e y m a p . m d \ " : \ " B L l u C 4 N V \ " , \ " f a q _ m i s c . m d \ " : \ " C V t s e y 6 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 \ " : \ " C 2 i B p 6 m f \ " , \ " f e a t u r e _ c o n v e r t e r s . m d \ " : \ " r z _ a n p j y \ " , \ " f e a t u r e _ d e b o u n c e _ t y p e . m d \ " : \ " C Y I y y h F B \ " , \ " f e a t u r e _ e e p r o m . m d \ " : \ " B h z y 4 R D v \ " , \ " f e a t u r e _ l a y e r s . m d \ " : \ " B 5 9 e 5 D p O \ " , \ " f e a t u r e _ l a y o u t s . m d \ " : \ " B K 7 v f Z u H \ " , \ " f e a t u r e _ m a c r o s . m d \ " : \ " 4 V v Y w f - t \ " , \ " f e a t u r e _ u s e r s p a c e . m d \ " : \ " C F 5 2 R h j y \ " , \ " f e a t u r e s _ a u d i o . m d \ " : \ " x Q 9 V R A s q \ " , \ " f e a t u r e s _ a u t o _ s h i f t . m d \ " : \ " D O c R L W q v \ " , \ " f e a t u r e s _ a u t o c o r r e c t . m d \ " : \ " i X m G H 9 e e \ " , \ " f e a t u r e s _ b a c k l i g h t . m d \ " : \ " C v u q w m 3 F \ " , \ " f e a t u r e s _ b o o t m a g i c . m d \ " : \ " B j D r Y O U H \ " , \ " f e a t u r e s _ c a p s _ w o r d . m d \ " : \ " C Y f Z h N N 7 \ " , \ " f e a t u r e s _ c o m b o . m d \ " : \ " v 8 K Q E 7 2 a \ " , \ " f e a t u r e s _ c o m m a n d . m d \ " : \ " a j s j x 5 W c \ " , \ " f e a t u r e s _ d i g i t i z e r . m d \ " : \ " B o u F m M B P \ " , \ " f e a t u r e s _ d i p _ s w i t c h . m d \ " : \ " B p h p e X E 7 \ " , \ " f e a t u r e s _ d y n a m i c _ m a c r o s . m d \ " : \ " C n L D k Q K C \ " , \ " f e a t u r e s _ e n c o d e r s . m d \ " : \ " C G t g E W x D \ " , \ " f e a t u r e s _ g r a v e _ e s c . m d \ " : \ " D X E S 6 T t b \ " , \ " f e a t u r e s _ h a p t i c _ f e e d b a c k . m d \ " : \ " C O J 0 M 8 E 1 \ " , \ " f e a t u r e s _ h d 4
2024-05-30 02:02:10 +00:00
< / body >
< / html >
