Guidelines on how to adapt your app navigation to Titan OS controls and customizable input methods. Whether you’re using a remote control or an on-screen keyboard, the options are designed to enhance your interaction with the device.
Button | App Usage |
---|---|
OK | Select/Enter |
Up Arrow | Moves focus to up |
Right Arrow | Moves focus to the right |
Down Arrow | Moves focus to down |
Left Arrow | Moves focus to the left |
Back | Returns to the previous panel, or returns to the Home screen if there is no previous page. |
Number Buttons | Input number |
Color Buttons: Red, Green, Yellow, Blue | Customizable by the app |
Video control buttons: play, pause, stop, fast forward, rewind | Control video playback |
Button | key | keyCode | Keycode HTML5 |
---|---|---|---|
Enter | "Enter" | 13 | VK_ENTER |
Left | "ArrowLeft" | 37 | VK_LEFT |
Down | "ArrowDown" | 40 | VK_DOWN |
Right | "ArrowRight" | 39 | VK_RIGHT |
UP | "ArrowUp" | 38 | VK_UP |
0-9 | "Numpad0" -"Numpad9" | 48 -57 | VK_0 - VK_9 |
Back | "Backspace" | 8 | VK_BACK |
Red | "ColorFORed" | 403 | VK_RED |
Green | "ColorF1Green" | 404 | VK_GREEN |
Yellow | "ColorF2Yellow" | 405 | VK_YELLOW |
Blue | "ColorF3Blue" | 406 | VK_BLUE |
Play | "MediaPlay" | 415 | VK_PLAY |
Pause | "MediaPause" | 19 | VK_PAUSE |
Play/Pause | "MediaPlayPause" | 179 | VK_PLAY_PAUSE |
Stop | "MediaStop" | 413 | VK_STOP |
Fast fwd | "MediaTrackNext" | 417 | VK_FAST_FWD |
Rewind | "MediaRewind" | 412 | VK_REWIND |
Channel UP | "PageUp" | 33 | VK_CHANNEL_UP |
Channel DOWN | "PageDown" | 34 | VK_CHANNEL_DOWN |
8
/ VK_BACK
and VK_BACK_SPACE
to ensure compatibility between current and legacy devices. On the remote control, the key may be marked with “Back”, “Return” or similar. The Back/Return key should provide the user with typical back navigation, and finally, an exit path via window.close();
to leave the app and return to the previous screen.
NOTE: Ensure the app does not use incorrect keycodes like 27
(ESC
key) for
the back key.
window.history.go(-1)
Back Behavior: window.history.go(-1)
Clean Exit:
window.close()
method.
<input>
tag, it triggers the platform OSKB (On-Screen Keyboard). This may cause two keyboards to appear on the screen. This behavior can be adjusted by following one of the approaches below.
<input>
tags.
Instead of using the <input>
tag, implement the input field using a different element, such as a <div>
. This allows you to use the app’s OSKB without interference from the platform OSKB.
<input>
tags with Platform OSKB
If you prefer to use the <input>
tag, ensure that only the platform OSKB is called and not the app’s OSKB. This ensures a consistent user experience without triggering multiple keyboards.