Custom Keyboard, Editor and Numpad layouts v1.0

[BlackyHawky]

I'd like to share my custom layout with you in the hope that it will inspire other users to create and share their own.

SCREENSHOTS

Keyboard view	Symbols view	Numpad view

Click to see the other screenshots

REQUIREMENTS

Click to see requirements

- In Preferences settings:

Settings	Status
Number row	Enabled
Language switch key behavior	Disabled
Emoji key	Disabled
Remove redundant popups	Disabled

---

- In Appearance settings:

Settings	Status
Style	Rounded
Colors	Dynamic colors
Key borders	Enabled
Auto day/night mode	Enabled
Colors (night)	Dynamic colors
Narrow key gap	Disabled

---

- In Toolbar settings:

• Remove all buttons in the "Select toolbar keys" setting as they will be added in the editor layout;
• In the "Select toolbar keys" setting, only choose "Clipboard" key;
• Disable all other settings;

---

- In Advanced settings:

Settings	Status
Vertical spacebar swipe gesture	Toggle numpad
Change input method with space key	Disabled (Long-pressing the space bar is used to display the main emojis)

FEATURES

Click to see features

• A long press on the space bar displays the main emoji used;
• Like on a computer keyboard:
  • A long press on the a key → select all text
  • A long press on the z key → undo
  • A long press on the y key → redo
  • A long press on the d key → delete clipboard
  • A long press on the x key → cut
  • A long press on the c key → copy
  • A long press on the v key → paste
• The symbols that appear with a long press on the period key are more condensed;
• The Symbols view shows an editing layout and the main symbols:
  • A long press on the up key → page start
  • A long press on the clipboard key → delete clipboard
  • A long press on the word left key → full left
  • A long press on the select word key → select all
  • A long press on the word right key → full right
  • A long press on the copy key → cut
  • A long press on the down key → page end
• The Numpad view is inspired by calculators;
• The ABC key to access the Symbol view has been replaced;
• The 2nd row of the More symbols view has 10 keys like the AZERTY keyboard view;

Note:
The keyboard background must be manually resized according to your screen size and the keyboard height defined in the Appearance settings.
The original files are attached.

CODES

Click to see all codes for each view

For the Keyboard view

// In "Select popup key order" setting, select and move "Language (priority)" to the first position
// and select and move "Layout" to the second position.

// In "Select hint source" setting, only select "Layout".

[
// ROW 1
  [
    { "label": "a", "type": "normal", "popup": { "main": { "label": "%" }, "relevant":
        [
            { "label": "!autoColumnOrder!3" },
            { "label": "select_word" },
            { "label": "select_all" }
        ] }
    },
    { "label": "z", "type": "normal", "popup": { "main": { "label": "\\" }, "relevant":
        [
            { "label": "`" },
            { "label": "undo" }
        ] }
    },
    { "label": "e", "type": "normal", "popup": { "main": { "label": "|" } }
    },
    { "label": "r", "type": "normal", "popup": { "main": { "label": "=" } }
    },
    { "label": "t", "type": "normal", "popup": { "main": { "label": "[" } }
    },
    { "label": "y", "type": "normal", "popup": { "main": { "label": "]" }, "relevant":
        [
            { "label": "redo" }
        ] }
    },
    { "label": "u", "type": "normal", "popup": { "main": { "label": "<" } }
    },
    { "label": "i", "type": "normal", "popup": { "main": { "label": ">" } }
    },
    { "label": "o", "type": "normal", "popup": { "main": { "label": "{" } }
    },
    { "label": "p", "type": "normal", "popup": { "main": { "label": "}" } }
    }
  ],
// ROW 2
  [
    { "label": "q", "type": "normal", "popup": { "main": { "label": "@" } }
    },
    { "label": "s", "type": "normal", "popup": { "main": { "label": "#" } }
    },
    { "label": "d", "type": "normal", "popup": { "main": { "label": "€" }, "relevant":
        [
            { "label": "$" },
            { "label": "clear_clipboard" }
        ] }
    },
    { "label": "f", "type": "normal", "popup": { "main": { "label": "_" } }
    },
    { "label": "g", "type": "normal", "popup": { "main": { "label": "&" } }
    },
    { "label": "h", "type": "normal", "popup": { "main": { "label": "-" } }
    },
    { "label": "j", "type": "normal", "popup": { "main": { "label": "+" } }
    },
    { "label": "k", "type": "normal", "popup": { "main": { "label": "(" } }
    },
    { "label": "l", "type": "normal", "popup": { "main": { "label": ")" } }
    },
    { "label": "m", "type": "normal", "popup": { "main": { "label": "/" } }
    }
  ],
// ROW 3
  [
    { "label": "w", "type": "normal", "popup": { "main": { "label": "*" } } 
    },
    { "label": "x", "type": "normal", "popup": { "main": { "label": "\"" }, "relevant":
        [
            { "label": "!autoColumnOrder!3" },
            { "label": "»" },
            { "label": "«" },
            { "label": "”" },
            { "label": "cut" },
            { "label": "“" }
        ] }
    },
    { "label": "c", "type": "normal", "popup": { "main": { "label": "'" }, "relevant":
        [
            { "label": "copy" }
        ] }
    },
    { "label": "v", "type": "normal", "popup": { "main": { "label": ":" }, "relevant":
        [
            { "label": "paste" }
        ] }
    },
    { "label": "b", "type": "normal", "popup": { "main": { "label": ";" } }
    },
    { "label": "n", "type": "normal", "popup": { "main": { "label": "!" }, "relevant":
        [
            { "label": "!!!" }
        ] }
    },
    { "$": "shift_state_selector",
      "shiftedManual": { "label": "?" },
      "default": { "label": "'", "type": "normal", "popup": { "main": { "label": "?" }, "relevant":
        [
            { "label": "??" }
        ] } }
    }
  ]
]

For the Symbols view

[
// ROW 1
  [
    { "type": "placeholder", "width": 0.05 },
    { "label": "settings", "width": 0.1, "type": "normal", "popup": { "relevant":
        [
            { "label": "one_handed" }
        ] }
    },
    { "label": "undo", "type": "normal", "width": 0.1 },
    { "label": "up", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "label": "page_start" }
        ] }
    },
    { "label": "redo", "type": "normal", "width": 0.1 },
    { "label": "clipboard", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "label": "clear_clipboard" }
        ] }
    },
    { "type": "placeholder", "width": 0.05 },
    { "label": "\\", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "|" },
            { "label": "`" }
        ] }
    },
    { "label": "[", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "]" }
        ] }
    },
    { "label": "<", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": ">" }
        ] }
    },
    { "label": "{", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "}" }
        ] }
    }
  ],
// ROW 2
  [
    { "type": "placeholder", "width": 0.05 },
    { "label": "word_left", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "label": "full_left" }
        ] } 
    },
    { "label": "left", "type": "normal", "width": 0.1 },
    { "label": "select_word", "width": 0.1, "type": "function", "popup": { "relevant":
        [
            { "label": "select_all" }
        ] }
    },
    { "label": "right", "type": "normal", "width": 0.1 },
    { "label": "word_right", "width": 0.1, "popup": { "relevant":
        [
            { "label": "full_right" }
        ] } 
    },
    { "type": "placeholder", "width": 0.05 },
    { "label": "\"", "type": "normal", "width": 0.1 },
    { "label": "-", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "_" },
            { "label": "+" }
        ] }
    },
    { "label": "(", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": ")" }
        ] }
    },
    { "label": "/", "type": "normal", "width": 0.1 }
  ],
// ROW 3
  [
    { "label": "copy", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "label": "cut" }
        ] }
    },
    { "label": "down", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "label": "page_end" }
        ] }
    },
    { "label": "paste", "type": "normal", "width": 0.1 },
    { "type": "placeholder", "width": 0.1 },
    { "label": ":", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": ";" }
        ] }
     },
    { "label": "!", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "label": "!!!" }
        ] }
    },
    { "label": "?", "type": "normal", "width": 0.1, "popup": { "relevant":
        [
            { "label": "??" }
        ] }
    }
  ]
]

For the More Symbols view

~
`
|
• ♪ ♥ ♠ ♦ ♣
√
π Π
÷
×
¶ §
∆

$$$1
$$$2
$$$3
$$$4
^ ↑ ↓ ← →
° ′ ″
= ≠ ⁼ ≈ ∞
{
}
∞

\
©
®
™
% ℅
[
]

< !fixedColumnOrder!3 ‹ ≤ «
> !fixedColumnOrder!3 › ≥ »

For the Numpad view

[
// ROW 1
  [
    { "label": "1", "type": "numeric", "width": 0.125, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "¹"  },
            { "label": "½" },
            { "label": "⅓" },
            { "label": "¼" },
            { "label": "⅛" }
        ] }
    },
    { "label": "2", "type": "numeric", "width": 0.125, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "²" },
            { "label": "⅔" }
        ] }
    },
    { "label": "3", "type": "numeric", "width": 0.125, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "³" },
            { "label": "¾" },
            { "label": "⅜" }
        ] }
    },
    { "type": "placeholder", "width": 0.0375 },
    { "label": "(", "type": "normal", "width": 0.11 },
    { "label": ")", "type": "normal", "width": 0.11 },
    { "label": "°", "type": "normal", "width": 0.11, "popup": { "relevant":
        [
            { "label": "^" },
            { "label": "′" },
            { "label": "″" }
        ] }
    },
    { "type": "placeholder", "width": 0.0375 },
    { "label": "+", "type": "function", "width": 0.11, "popup": { "relevant":
        [
            { "label": "⁺" }
        ] }
    },
    { "label": "-", "type": "function", "width": 0.11, "popup": { "relevant":
        [
            { "label": "⁻" }
        ] }
    }
  ],
// ROW 2
  [
    { "label": "4", "type": "numeric", "width": 0.125, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁴" }
        ] }
    },
    { "label": "5", "type": "numeric", "width": 0.125, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁵" },
            { "label": "⅝" }
        ] }
    },
    { "label": "6", "type": "numeric", "width": 0.125, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁶" }
        ] }
    },
    { "type": "placeholder", "width": 0.0375 },
    { "label": "[", "type": "normal", "width": 0.11 },
    { "label": "]", "type": "normal", "width": 0.11 },
    { "label": "%", "type": "normal", "width": 0.11, "popup": { "relevant":
        [
            { "label": "‰" }
        ] }
    },
    { "type": "placeholder", "width": 0.0375 },
    { "label": "*", "type": "function", "width": 0.11, "popup": { "relevant":
        [
            { "label": "×" }
        ] }
    },
    { "label": "/", "type": "function", "width": 0.11, "popup": { "relevant":
        [
            { "label": "÷" }
        ] }
    }
  ],
// ROW 3
  [
    { "label": "7", "type": "numeric", "width": 0.125, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁷" },
            { "label": "⅞" }
        ] }
    },
    { "label": "8", "type": "numeric", "width": 0.125, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁸" }
        ] }
    },
    { "label": "9", "type": "numeric", "width": 0.125, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁹" }
        ] }
    },
    { "type": "placeholder", "width": 0.0375 },
    { "label": "{", "type": "normal", "width": 0.11 },
    { "label": "}", "type": "normal", "width": 0.11 },
    { "label": "#", "type": "normal", "width": 0.11, "popup": { "relevant":
        [
            { "label": "•" }
        ] }
    },
    { "type": "placeholder", "width": 0.0375 },
    { "label": "=", "type": "function", "width": 0.22, "popup": { "relevant":
        [
            { "label": "≠" },
            { "label": "≈" },
            { "label": "⁼" }
        ] }
    }
  ],

// ROW 4
  [
    { "label": "0", "type": "numeric", "width": 0.25, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁰" },
            { "label": "ⁿ" },
            { "label": "∅" }
        ] }
    },
    { "label": ".", "type": "numeric", "width": 0.125,"popup": { "relevant":
        [
            { "label": "!autoColumnOrder!4" },
            { "label": "," },
            { "label": ":" },
            { "label": ";" },
            { "label": "!" },
            { "label": "?" },
            { "label": "&" },
            { "label": "√" },
            { "label": "π" },
            { "label": "€" },
            { "label": "$" },
            { "label": "∑" },
            { "label": "∫" }
        ] }
    },
    { "type": "placeholder", "width": 0.0375 },

    { "label": "<", "type": "normal", "width": 0.11, "popup": { "relevant":
        [
            { "label": "≤" },
            { "label": "«" }
        ] }
    },
    { "label": ">", "type": "normal", "width": 0.11,"popup": { "relevant":
        [
            { "label": "≥" },
            { "label": "»" }
        ] }
    },

    { "label": "±", "type": "normal", "width": 0.11, "popup": { "relevant":
        [
            { "label": "∞" },
            { "label": "∆" }
        ] }
    },
    { "type": "placeholder", "width": 0.0375 },
    { "label": "delete", "type": "function", "width": 0.22 }
  ],
// ROW 5
  [
    { "label": "alpha", "type": "function", "width": 0.15 },
    { "label": "!icon/select_all|!code/-202", "type": "function", "width": 0.1 ,"popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "settings" },
            { "label": "one_handed" }
        ] }
    },
    { "type": "placeholder", "width": 0.0125 },
    { "label": "emoji", "type": "function", "width": 0.1 },
    { "type": "placeholder", "width": 0.05 },
    { "label": "space", "width": -1, "popup": { "relevant":
        [
            { "label": "!autoColumnOrder!5" },
            { "label": "😁" }, 
            { "label": "😅" },
            { "label": "🤣" },
            { "label": "😉" },
            { "label": "😊" },
            { "label": "😍" },
            { "label": "😋" },
            { "label": "😘" },
            { "label": "😚" },
            { "label": "🤔" },
            { "label": "😬" },
            { "label": "☹️" },
            { "label": "😲" },
            { "label": "😭" },
            { "label": "😱" },
            { "label": "👍" },
            { "label": "🤬" },
            { "label": "👌" },
            { "label": "🖕" },
            { "label": "💪" }
        ] }
    },
    { "type": "placeholder", "width": 0.0375 },
    { "label": "action", "width": 0.22 }
  ]
]

For the Numpad (Landscape) view

[
// ROW 1
  [
    { "label": "1", "type": "numeric", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "¹"  },
            { "label": "½" },
            { "label": "⅓" },
            { "label": "¼" },
            { "label": "⅛" }
        ] }
    },
    { "label": "2", "type": "numeric", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "²" },
            { "label": "⅔" }
        ] }
    },
    { "label": "3", "type": "numeric", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "³" },
            { "label": "¾" },
            { "label": "⅜" }
        ] }
    },
    { "type": "placeholder", "width": 0.035 },
    { "label": "(", "type": "normal", "width": 0.09 },
    { "label": ")", "type": "normal", "width": 0.09 },
    { "label": "°", "type": "normal", "width": 0.09, "popup": { "relevant":
        [
            { "label": "′" },
            { "label": "″" }
        ] }
    },
    { "label": "∑", "type": "normal", "width": 0.09 },
    { "label": "^", "type": "normal", "width": 0.09 },
    { "type": "placeholder", "width": 0.035 },
    { "label": "+", "type": "function", "width": 0.09, "popup": { "relevant":
        [
            { "label": "⁺" }
        ] }
    },
    { "label": "-", "type": "function", "width": 0.09, "popup": { "relevant":
        [
            { "label": "⁻" }
        ] }
    }
  ],
// ROW 2
  [
    { "label": "4", "type": "numeric", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁴" }
        ] }
    },
    { "label": "5", "type": "numeric", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁵" },
            { "label": "⅝" }
        ] }
    },
    { "label": "6", "type": "numeric", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁶" }
        ] }
    },
    { "type": "placeholder", "width": 0.035 },
    { "label": "[", "type": "normal", "width": 0.09 },
    { "label": "]", "type": "normal", "width": 0.09 },
    { "label": "%", "type": "normal", "width": 0.09, "popup": { "relevant":
        [
            { "label": "‰" }
        ] }
    },
    { "label": "€", "type": "normal", "width": 0.09 },
    { "label": "$", "type": "normal", "width": 0.09 },
    { "type": "placeholder", "width": 0.035 },
    { "label": "*", "type": "function", "width": 0.09, "popup": { "relevant":
        [
            { "label": "×" }
        ] }
    },
    { "label": "/", "type": "function", "width": 0.09, "popup": { "relevant":
        [
            { "label": "÷" }
        ] }
    }
  ],
// ROW 3
  [
    { "label": "7", "type": "numeric", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁷" },
            { "label": "⅞" }
        ] }
    },
    { "label": "8", "type": "numeric", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁸" }
        ] }
    },
    { "label": "9", "type": "numeric", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁹" }
        ] }
    },
    { "type": "placeholder", "width": 0.035 },
    { "label": "{", "type": "normal", "width": 0.09 },
    { "label": "}", "type": "normal", "width": 0.09 },
    { "label": "#", "type": "normal", "width": 0.09, "popup": { "relevant":
        [
            { "label": "•" }
        ] }
    },
    { "label": "√", "type": "normal", "width": 0.09 },
    { "label": "∫", "type": "normal", "width": 0.09 },
    { "type": "placeholder", "width": 0.035 },
    { "label": "=", "type": "function", "width": 0.18, "popup": { "relevant":
        [
            { "label": "≠" },
            { "label": "≈" },
            { "label": "⁼" }
        ] }
    }
  ],
// ROW 4
  [
    { "label": "0", "type": "numeric", "width": 0.2, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "⁰" },
            { "label": "ⁿ" },
            { "label": "∅" }
        ] }
    },
    { "label": ".", "type": "numeric", "width": 0.1,"popup": { "relevant":
        [
            { "label": "!autoColumnOrder!3" },
            { "label": "," },
            { "label": ":" },
            { "label": ";" },
            { "label": "!" },
            { "label": "?" },
            { "label": "&" }
        ] }
    },
    { "type": "placeholder", "width": 0.035 },
    { "label": "<", "type": "normal", "width": 0.09, "popup": { "relevant":
        [
            { "label": "≤" },
            { "label": "«" }
        ] }
    },
    { "label": ">", "type": "normal", "width": 0.09,"popup": { "relevant":
        [
            { "label": "≥" },
            { "label": "»" }
        ] }
    },
    { "label": "±", "type": "normal", "width": 0.09, "popup": { "relevant":
        [
            { "label": "∆" }
        ] }
    },
    { "label": "∞", "type": "normal", "width": 0.09 },
    { "label": "π", "type": "normal", "width": 0.09 },
    { "type": "placeholder", "width": 0.035 },
    { "label": "delete", "type": "function", "width": 0.18 }
  ],
// ROW 5
  [
    { "label": "alpha", "type": "function", "width": 0.1 },
    { "label": "!icon/select_all|!code/-202", "type": "function", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "settings" },
            { "label": "one_handed" }
        ] }
    },
    { "label": "emoji", "type": "function", "width": 0.1 },
    { "type": "placeholder", "width": 0.035 },
    { "label": "space", "width": -1, "popup": { "relevant":
        [
            { "label": "!autoColumnOrder!5" },
            { "label": "😁" }, 
            { "label": "😅" },
            { "label": "🤣" },
            { "label": "😉" },
            { "label": "😊" },
            { "label": "😍" },
            { "label": "😋" },
            { "label": "😘" },
            { "label": "😚" },
            { "label": "🤔" },
            { "label": "😬" },
            { "label": "☹️" },
            { "label": "😲" },
            { "label": "😭" },
            { "label": "😱" },
            { "label": "👍" },
            { "label": "🤬" },
            { "label": "👌" },
            { "label": "🖕" },
            { "label": "💪" }
        ] }
    },
    { "type": "placeholder", "width": 0.035 },
    { "label": "action", "width": 0.18 }
  ]
]

For the functional key in the Keyboard view

[
// SECOND-TO-LAST ROW
  [
    { "label": "shift", "width": 0.15 },
    { "type": "placeholder" },
    { "label": "delete", "width": 0.15 }
  ],
// LAST ROW
  [
    { "label": "!icon/select_all|!code/-10001", "type": "function", "width": 0.15 },
    { "$": "variation_selector",
      "default": { "label": ",", "type": "function", "width": 0.1, "popup": { "relevant":
        [
            { "label": "emoji" },
            { "label": "settings" },
            { "label": "one_handed" }
        ] }
    },
      "email": { "label": "@", "width": 0.1, "type": "function", "popup": { "relevant":
        [
            { "label": "emoji" },
            { "label": "settings" },
            { "label": "one_handed" }
        ] }
    },
      "uri": { "label": "/", "width": 0.1, "type": "function", "popup": { "relevant":
        [
            { "label": "emoji" },
            { "label": "settings" },
            { "label": "one_handed" }
        ] }
    }
    },
    { "$": "keyboard_state_selector", "languageKeyEnabled": { "$": "keyboard_state_selector", "alphabet": { "label": "language_switch", "width": 0.1 }}},
    { "label": "!icon/space_key_for_number_layout|!code/32", "labelFlags": 4, "width": -1, "popup": { "relevant":
        [
            { "label": "!autoColumnOrder!5" },
            { "label": "😁" }, 
            { "label": "😅" },
            { "label": "🤣" },
            { "label": "😉" },
            { "label": "😊" },
            { "label": "😍" },
            { "label": "😋" },
            { "label": "😘" },
            { "label": "😚" },
            { "label": "🤔" },
            { "label": "😬" },
            { "label": "☹️" },
            { "label": "😲" },
            { "label": "😭" },
            { "label": "😱" },
            { "label": "👍" },
            { "label": "🤬" },
            { "label": "👌" },
            { "label": "🖕" },
            { "label": "💪" }
        ] }
    },
    { "label": ".", "width": 0.1, "type": "function", "popup": { "relevant":
        [
            { "label": "!autoColumnOrder!4" },
            { "label": "," },
            { "label": "?" },
            { "label": "!" },
            { "label": "#" },
            { "label": "(" },
            { "label": ")" },
            { "label": "/" },
            { "label": ";" },
            { "label": "@" },
            { "label": "'" },
            { "label": ":" },
            { "label": "-" },
            { "label": "\"" },
            { "label": "+" },
            { "label": "%" },
            { "label": "&" }
        ] }
    },
    { "label": "action", "width": 0.15 }
  ]
]

For the functional key in the Symbols view

[
// SECOND-TO-LAST ROW
  [
    { "label": "shift", "width": 0.15 },
    { "type": "placeholder" },
    { "label": "delete", "width": 0.15 }
  ],
// LAST ROW
  [
    { "label": "ABC|!code/-10001", "width": 0.15, "type": "function" },
    { "$": "variation_selector",
      "default": { "label": ",", "type": "function", "width": 0.1, "popup": { "relevant":
        [
            { "label": "emoji" },
            { "label": "one_handed" }
        ] }
    },
      "email": { "label": "@", "width": 0.1, "type": "function", "popup": { "relevant":
        [
            { "label": "emoji" },
            { "label": "one_handed" }
        ] }
    },
      "uri": { "label": "/", "width": 0.1, "type": "function", "popup": { "relevant":
        [
            { "label": "emoji" },
            { "label": "one_handed" }
        ] }
    }
    },
    { "$": "keyboard_state_selector", "languageKeyEnabled": { "$": "keyboard_state_selector", "alphabet": { "label": "language_switch" }}},
    { "label": "!icon/space_key_for_number_layout|!code/32", "labelFlags": 4, "width": -1, "popup": { "relevant":
        [
            { "label": "!autoColumnOrder!5" },
            { "label": "😁" }, 
            { "label": "😅" },
            { "label": "🤣" },
            { "label": "😉" },
            { "label": "😊" },
            { "label": "😍" },
            { "label": "😋" },
            { "label": "😘" },
            { "label": "😚" },
            { "label": "🤔" },
            { "label": "😬" },
            { "label": "☹️" },
            { "label": "😲" },
            { "label": "😭" },
            { "label": "😱" },
            { "label": "👍" },
            { "label": "🤬" },
            { "label": "👌" },
            { "label": "🖕" },
            { "label": "💪" }
        ] }
    },
    { "label": ".", "width": 0.1, "type": "function", "popup": { "relevant":
        [
            { "label": "!autoColumnOrder!4" },
            { "label": "," },
            { "label": "?" },
            { "label": "!" },
            { "label": "#" },
            { "label": "(" },
            { "label": ")" },
            { "label": "/" },
            { "label": ";" },
            { "label": "@" },
            { "label": "'" },
            { "label": ":" },
            { "label": "-" },
            { "label": "\"" },
            { "label": "+" },
            { "label": "%" },
            { "label": "&" }
        ] }
    },
    { "label": "action", "width": 0.15 }
  ]
]

For the functional key in the More Symbols view

[
// SECOND-TO-LAST ROW
  [
    { "label": "!icon/select_all|!code/-11", "width": 0.15, "type": "function" },
    { "type": "placeholder" },
    { "label": "delete", "width": 0.15 }
  ],
// LAST ROW
  [
    { "label": "ABC|!code/-10001", "width": 0.15, "type": "function" },
    { "$": "variation_selector",
      "default": { "label": "<", "type": "function", "width": 0.1, "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "‹" },
            { "label": "«" },
            { "label": "≤" },
            { "label": "emoji" },
            { "label": "settings" },
            { "label": "one_handed" }
        ] }
    },
      "email": { "label": "@", "width": 0.1, "type": "function", "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "‹" },
            { "label": "«" },
            { "label": "≤" },
            { "label": "emoji" },
            { "label": "settings" },
            { "label": "one_handed" }
        ] }
    },
      "uri": { "label": "/", "width": 0.1, "type": "function", "popup": { "relevant":
        [
            { "type": "placeholder" },
            { "label": "‹" },
            { "label": "«" },
            { "label": "≤" },
            { "label": "emoji" },
            { "label": "settings" },
            { "label": "one_handed" }
        ] }
    }
    },
    { "$": "keyboard_state_selector", "languageKeyEnabled": { "$": "keyboard_state_selector", "alphabet": { "label": "language_switch" }}},
    { "label": "!icon/space_key_for_number_layout|!code/32", "labelFlags": 4, "width": -1, "popup": { "relevant":
        [
            { "label": "!autoColumnOrder!5" },
            { "label": "😁" }, 
            { "label": "😅" },
            { "label": "🤣" },
            { "label": "😉" },
            { "label": "😊" },
            { "label": "😍" },
            { "label": "😋" },
            { "label": "😘" },
            { "label": "😚" },
            { "label": "🤔" },
            { "label": "😬" },
            { "label": "☹️" },
            { "label": "😲" },
            { "label": "😭" },
            { "label": "😱" },
            { "label": "👍" },
            { "label": "🤬" },
            { "label": "👌" },
            { "label": "🖕" },
            { "label": "💪" }
        ] }
    },
    { "label": "period", "labelFlags": 1073741824 },
    { "label": "action", "width": 0.15 }
  ]
]

BACKGROUNDS

Keyboard_backgrounds.zip

[iamgitcat]

Thanks! That is really usefull!

[BlackyHawky]

With pleasure 😉

FYI, I've been working on the Layouts section in the wiki in the hope that it might provide some answers about creating JSON files.