KeyState Meta Tag

PocketBrowser 3.x API

The KeyState Meta Tag is an action tag used to set the parameters of the KeyState indicators, which display icons for Shift, Alt, Control, Function, Caps, Num lock, and the state of the Orange keys on some devices. Icons are placed beginning at the leftmost screen position in a row that extends toward the right, as necessary.

KeyState (META Tag) Syntax
<META HTTP-Equiv="KeyState" content="[parameter>

Items listed in this section indicate parameters, or attributes which can be set.

Name Possible Values Description
Default Value
Right:[Value] Positive number, representing pixels Sets the X position of the right-hand edge of the KeyState indicators. Indicators start at the bottom right of the screen.
Left:[Value] Positive number, representing pixels The same as Right, included for backward compatibility. Indicators start at the bottom right of the screen.
Top:[Value] Positive number, representing pixels Sets the Y position of the KeyState indicators. Indicators start at the bottom right of the screen.
Height:[Value] Positive number, representing pixels Sets the height of the KeyState Indicators. Dependant on screen resolution
Width:[Value] Positive number, representing pixels Sets the width of each KeyState indicator. Dependant on screen resolution
Visibility:[Value] Visible, Hidden Sets the visibility of the keystate indicators. Hidden.
Copy parameters template to clipboard: Copy META Tag template to clipboard META Tags Copy Javascript template to clipboard Javascript

The following example shows the KeyState indicators and sets the right and top coordinates to 50.

<META HTTP-Equiv="KeyState" Content="Visibility:Visible">
<META HTTP-Equiv="KeyState" Content="Right:50">
<META HTTP-Equiv="KeyState" Content="Top:50">
Copy example to clipboard Copy example to clipboard

The following example shows the KeyState and sets the right and top coordinates to 20.

<META HTTP-Equiv="KeyState" Content="Visibility:Visible; Right:20; Top:20">
Copy example to clipboard Copy example to clipboard
Switching to Other Applications
All controls are designed to be shown on top of PocketBrowser. If you require to switch to an application other than PocketBrowser you should minimize PB to ensure the buttons do not remain shown.

Screen Orientation
When the screen orientation changes, either using the ScreenOrientation tag or by rotating a device with hardware support, the command areas will automatically move and resize to fit the new layout. However the buttons themselves are not moved and in some cases this may result in them being off the screen or not in the expected position. If so they must be moved manually by detecting the ScreenOrientationEvent.


Supported Platforms Windows CE, Windows Mobile
Persistence Tag is persistent
Min. Requirements None