On-Screen Keyboard Class Names
The appearance of the KeymanWeb On-Screen keyboard can be customized by a web designer by redefining (or adding to) the default styles used by KeymanWeb. Styles recognized by the OSK all have the class name prefix "KeymanWeb_VK_", and are divided into in two groups, classes associated with OSK keys, and classes associated with other OSK elements.
Class names for styles associated with keys are indicated in the following table:
| Element type | General appearance | Additional styles |
|---|---|---|
| Character output keys | KeymanWeb_VK_1 | KeymanWeb_VK_Char |
| Base letter | KeymanWeb_VK_3 | KeymanWeb_VK_Key |
| Spacer | KeymanWeb_VK_4 | KeymanWeb_VK_Spacer |
| Control key | KeymanWeb_VK_5 | KeymanWeb_VK_Control |
| CapsLock | KeymanWeb_VK_0 | KeymanWeb_VK_Cap |
Other recognized class names are:
| KeymanWeb_VK_Title | General style for OSK title bar |
| KeymanWeb_VK_TitleActions | General style for buttons on OSK title bar |
| KeymanWeb_VK_Help | Style for Help icon in OSK title bar |
| KeymanWeb_VK_Pin | Style for title bar 'pin' (restore OSK to default position) |
| KeymanWeb_VK_Close | Style for Close button in OSK title bar |
| KeymanWeb_VK_Resize | Style for resize control (lower right corner of OSK) |
An additional class, KeymanWeb_VK_Char_<keyboardName>, can also be defined if a developer requires OSK keys to change appearance when a particular keyboard is selected. Two further styles KeymanWeb_VK_Right and KeymanWeb_VK_RightStatic allow the UI designer to control the appearance of the right OSK border.
