I successfully compile my touch layout, there are no errors.
When I go to “Build” and click on “Test keyboard on web” then “Open debugger in local browser” I get this:
Chrome is fully up to date:
Version 94.0.4606.61 (Official Build) (64-bit)
Those warnings can be ignored; it’s just a couple of source map files that are not present. We may add them in future just to avoid the warnings, but they are not relevant for testing a Keyman keyboard.
But I am not seeing any of my changes in the test layout. I built the keyboard for tablet, and I switch to iPad or Galaxy 5 in the tester, and I don’t see any changes.
My touch layout:
{
"tablet": {
"displayUnderlying": false,
"layer": [
{
"id": "default",
"row": [
{
"id": 1,
"key": [
{
"id": "K_1",
"text": "1"
},
{
"id": "K_2",
"text": "2"
},
{
"id": "K_3",
"text": "3"
},
{
"id": "K_4",
"text": "4"
},
{
"id": "K_5",
"text": "5"
},
{
"id": "K_6",
"text": "6"
},
{
"id": "K_7",
"text": "7"
},
{
"id": "K_8",
"text": "8"
},
{
"id": "K_9",
"text": "9"
},
{
"id": "K_0",
"text": "0"
},
{
"id": "K_HYPHEN",
"text": "-"
},
{
"id": "K_EQUAL",
"text": "="
},
{
"id": "K_BKSP",
"text": "*BkSp*",
"width": "100",
"sp": "1"
}
]
},
{
"id": 2,
"key": [
{
"id": "K_Q",
"text": "q",
"pad": "75"
},
{
"id": "K_W",
"text": "w"
},
{
"id": "K_E",
"text": "e",
"sk": [
{
"text": "ɛ",
"id": "U_025b"
}
]
},
{
"id": "K_R",
"text": "r"
},
{
"id": "K_T",
"text": "t"
},
{
"id": "K_Y",
"text": "y"
},
{
"id": "K_U",
"text": "u"
},
{
"id": "K_I",
"text": "i"
},
{
"id": "K_O",
"text": "o",
"sk": [
{
"text": "ɔ",
"id": "U_0254"
}
]
},
{
"id": "K_P",
"text": "p"
},
{
"id": "K_LBRKT",
"text": "["
},
{
"id": "K_RBRKT",
"text": "]"
},
{
"id": "T_new_82",
"text": "",
"width": "10",
"sp": "10"
}
]
},
{
"id": 3,
"key": [
{
"id": "K_BKQUOTE",
"text": "`"
},
{
"id": "K_A",
"text": "a"
},
{
"id": "K_S",
"text": "s"
},
{
"id": "K_D",
"text": "d"
},
{
"id": "K_F",
"text": "f"
},
{
"id": "K_G",
"text": "g"
},
{
"id": "K_H",
"text": "h"
},
{
"id": "K_J",
"text": "j"
},
{
"id": "K_K",
"text": "k"
},
{
"id": "K_L",
"text": "l"
},
{
"id": "K_COLON",
"text": ";"
},
{
"id": "K_QUOTE",
"text": "'"
},
{
"id": "K_BKSLASH",
"text": "\\"
}
]
},
{
"id": 4,
"key": [
{
"id": "K_SHIFT",
"text": "*Shift*",
"width": "160",
"sp": "1"
},
{
"id": "K_oE2",
"text": "\\"
},
{
"id": "K_Z",
"text": "z"
},
{
"id": "K_X",
"text": "x"
},
{
"id": "K_C",
"text": "c"
},
{
"id": "K_V",
"text": "v"
},
{
"id": "K_B",
"text": "b"
},
{
"id": "K_N",
"text": "n"
},
{
"id": "K_M",
"text": "m"
},
{
"id": "K_COMMA",
"text": ","
},
{
"id": "K_PERIOD",
"text": "."
},
{
"id": "K_SLASH",
"text": "/"
},
{
"id": "T_new_108",
"text": "",
"width": "10",
"sp": "10"
}
]
},
{
"id": 5,
"key": [
{
"id": "K_LCONTROL",
"text": "ctrl",
"width": "130",
"sp": "1",
"nextlayer": "ctrl"
},
{
"id": "K_LOPT",
"text": "*Menu*",
"width": "140",
"sp": "1"
},
{
"id": "K_SPACE",
"text": "",
"width": "870"
},
{
"id": "U_025B",
"text": "ɛ"
},
{
"id": "K_ENTER",
"text": "*Enter*",
"width": "145",
"sp": "1"
}
]
}
]
},
{
"id": "shift",
"row": [
{
"id": "1",
"key": [
{
"id": "K_1",
"text": "!"
},
{
"id": "K_2",
"text": "@"
},
{
"id": "K_3",
"text": "#"
},
{
"id": "K_4",
"text": "$"
},
{
"id": "K_5",
"text": "%"
},
{
"id": "K_6",
"text": "^"
},
{
"id": "K_7",
"text": "&"
},
{
"id": "K_8",
"text": "*"
},
{
"id": "K_9",
"text": "("
},
{
"id": "K_0",
"text": ")"
},
{
"id": "K_HYPHEN",
"text": "_"
},
{
"id": "K_EQUAL",
"text": "+"
},
{
"width": "100",
"id": "K_BKSP",
"sp": "1",
"text": "*BkSp*"
}
]
},
{
"id": "2",
"key": [
{
"id": "K_Q",
"pad": "75",
"text": "Q"
},
{
"id": "K_W",
"text": "W"
},
{
"id": "K_E",
"text": "E"
},
{
"id": "K_R",
"text": "R"
},
{
"id": "K_T",
"text": "T"
},
{
"id": "K_Y",
"text": "Y"
},
{
"id": "K_U",
"text": "U"
},
{
"id": "K_I",
"text": "I"
},
{
"id": "K_O",
"text": "O"
},
{
"id": "K_P",
"text": "P"
},
{
"id": "K_LBRKT",
"text": "{"
},
{
"id": "K_RBRKT",
"text": "}"
},
{
"width": "10",
"sp": "10"
}
]
},
{
"id": "3",
"key": [
{
"id": "K_BKQUOTE",
"text": "~"
},
{
"id": "K_A",
"text": "A"
},
{
"id": "K_S",
"text": "S"
},
{
"id": "K_D",
"text": "D"
},
{
"id": "K_F",
"text": "F"
},
{
"id": "K_G",
"text": "G"
},
{
"id": "K_H",
"text": "H"
},
{
"id": "K_J",
"text": "J"
},
{
"id": "K_K",
"text": "K"
},
{
"id": "K_L",
"text": "L"
},
{
"id": "K_COLON",
"text": ":"
},
{
"id": "K_QUOTE",
"text": "\""
},
{
"id": "K_BKSLASH",
"text": "|"
}
]
},
{
"id": "4",
"key": [
{
"width": "160",
"id": "K_SHIFT",
"sp": "1",
"text": "*Shift*"
},
{
"id": "K_oE2",
"text": "|"
},
{
"id": "K_Z",
"text": "Z"
},
{
"id": "K_X",
"text": "X"
},
{
"id": "K_C",
"text": "C"
},
{
"id": "K_V",
"text": "V"
},
{
"id": "K_B",
"text": "B"
},
{
"id": "K_N",
"text": "N"
},
{
"id": "K_M",
"text": "M"
},
{
"id": "K_COMMA",
"text": "<"
},
{
"id": "K_PERIOD",
"text": ">"
},
{
"id": "K_SLASH",
"text": "?"
},
{
"width": "10",
"sp": "10"
}
]
},
{
"id": "5",
"key": [
{
"nextlayer": "ctrl",
"width": "130",
"id": "K_LCONTROL",
"sp": "1",
"text": "ctrl"
},
{
"width": "140",
"id": "K_LOPT",
"sp": "1",
"text": "*Menu*"
},
{
"width": "930",
"id": "K_SPACE"
},
{
"width": "145",
"id": "K_ENTER",
"sp": "1",
"text": "*Enter*"
}
]
}
]
},
{
"id": "ctrl",
"row": [
{
"id": "1",
"key": [
{
"id": "K_1"
},
{
"id": "K_2"
},
{
"id": "K_3"
},
{
"id": "K_4"
},
{
"id": "K_5"
},
{
"id": "K_6"
},
{
"id": "K_7"
},
{
"id": "K_8"
},
{
"id": "K_9"
},
{
"id": "K_0"
},
{
"id": "K_HYPHEN"
},
{
"id": "K_EQUAL"
},
{
"width": "100",
"id": "K_BKSP",
"sp": "1",
"text": "*BkSp*"
}
]
},
{
"id": "2",
"key": [
{
"id": "K_Q",
"pad": "75"
},
{
"id": "K_W"
},
{
"id": "K_E"
},
{
"id": "K_R"
},
{
"id": "K_T"
},
{
"id": "K_Y"
},
{
"id": "K_U"
},
{
"id": "K_I"
},
{
"id": "K_O"
},
{
"id": "K_P"
},
{
"id": "K_LBRKT"
},
{
"id": "K_RBRKT"
},
{
"width": "10",
"sp": "10"
}
]
},
{
"id": "3",
"key": [
{
"id": "K_BKQUOTE"
},
{
"id": "K_A"
},
{
"id": "K_S"
},
{
"id": "K_D"
},
{
"id": "K_F"
},
{
"id": "K_G"
},
{
"id": "K_H"
},
{
"id": "K_J"
},
{
"id": "K_K"
},
{
"id": "K_L"
},
{
"id": "K_COLON"
},
{
"id": "K_QUOTE"
},
{
"id": "K_BKSLASH"
}
]
},
{
"id": "4",
"key": [
{
"width": "160",
"id": "K_SHIFT",
"sp": "1",
"text": "*Shift*"
},
{
"id": "K_oE2"
},
{
"id": "K_Z"
},
{
"id": "K_X"
},
{
"id": "K_C"
},
{
"id": "K_V"
},
{
"id": "K_B"
},
{
"id": "K_N"
},
{
"id": "K_M"
},
{
"id": "K_COMMA"
},
{
"id": "K_PERIOD"
},
{
"id": "K_SLASH"
},
{
"width": "10",
"sp": "10"
}
]
},
{
"id": "5",
"key": [
{
"nextlayer": "default",
"width": "130",
"id": "K_LCONTROL",
"sp": "1",
"text": "default"
},
{
"width": "140",
"id": "K_LOPT",
"sp": "1",
"text": "*Menu*"
},
{
"width": "930",
"id": "K_SPACE"
},
{
"width": "145",
"id": "K_ENTER",
"sp": "1",
"text": "*Enter*"
}
]
}
]
}
]
}
}
Okay, we’d need more information to be able to figure out what is going on here. Can you share your project files and the precise steps you took to start testing it?
Project files:
Video (GIF format) of testing process
Steve,
I took your new test project. I got it up and running. I tested the touch keyboard. And everything work fine and as expected.
Maybe I should come by tomorrow and see what you are exactly doing?
Kent
After pressing F12 to activate mobile emulation, you need to reload the page so that KeymanWeb gets a chance to detect the change of device. (Same thing applies if you change the type of device.)
In Keyman Developer 15, this will no longer be necessary – you will not need to use device emulation as Keyman Developer will be able to present the mobile device view itself. See https://github.com/keymanapp/keyman/pull/5723
Thanks, I’ve gotten it to work now.
1 Like
This conversation has been resolved.