TopCommandArea Meta Tag

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

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

Name	Possible Values	Description	Default Value
Visibility:[Value]	Visible, Hidden	Sets the visibility of the top command area.	Hidden.
Height:[Value]	Positive number, representing pixels	Sets the height of the top command area	Slightly greater than the height of a buttons default height, which depends on the screen resolution.
Color:[Value]	Color in the #RRGGBB format	The color to set the top command area to.	None. The default image is displayed by default.
Image:[Value]	URL	Sets the image to be displayed on the top command area. See Remarks.	Default image

Copy parameters template to clipboard:

META Tags

Javascript

<!-- The TopCommandArea META Tag is an action tag used to set the parameters of the Top Command Area. The top command area is a region at the top of the screen designed to hold PocketBrowser controls such as the address bar or Go button to separate them from the rest of the user application. --> <!-- <META HTTP-Equiv="TopCommandArea" Content="Visibility:[Value]"> --> <!-- Sets the visibility of the top command area. --> <!-- <META HTTP-Equiv="TopCommandArea" Content="Height:[Value]"> --> <!-- Sets the height of the top command area --> <!-- <META HTTP-Equiv="TopCommandArea" Content="Color:[Value]"> --> <!-- The color to set the top command area to. --> <!-- <META HTTP-Equiv="TopCommandArea" Content="Image:[Value]"> --> <!-- Sets the image to be displayed on the top command area. See Remarks. -->

<script> /* The TopCommandArea META Tag is an action tag used to set the parameters of the Top Command Area. The top command area is a region at the top of the screen designed to hold PocketBrowser controls such as the address bar or Go button to separate them from the rest of the user application. */ function doTopCommandAreaInit() { var objGeneric = new ActiveXObject("PocketBrowser.Generic"); //objGeneric.InvokeMETAFunction('TopCommandArea', 'Visibility:[Value]'); /* Sets the visibility of the top command area. */ //objGeneric.InvokeMETAFunction('TopCommandArea', 'Height:[Value]'); /* Sets the height of the top command area */ //objGeneric.InvokeMETAFunction('TopCommandArea', 'Color:[Value]'); /* The color to set the top command area to. */ //objGeneric.InvokeMETAFunction('TopCommandArea', 'Image:[Value]'); /* Sets the image to be displayed on the top command area. See Remarks. */ } </script>

The following example shows the Top Command Area, sets the Height to 100 and background color to red

<META HTTP-Equiv="TopCommandArea" Content="Visibility:Visible"> <META HTTP-Equiv="TopCommandArea" Content="Height:100"> <META HTTP-Equiv="TopCommandArea" Content="Color:#FF0000">

Copy example to clipboard

<!-- The following example shows the Top Command Area, sets the Height to 100 and background color to red --> <META HTTP-Equiv="TopCommandArea" Content="Visibility:Visible"> <META HTTP-Equiv="TopCommandArea" Content="Height:100"> <META HTTP-Equiv="TopCommandArea" Content="Color:#FF0000">

The following example shows the Top Command Area, sets the height to 100 and displays image tca.gif on it (resizing the image if necessary)

<META HTTP-Equiv="TopCommandArea" Content="Height:100; Visibility:Visible; Image:url('http://myaddress/tca.gif')">

Copy example to clipboard

<!-- The following example shows the Top Command Area, sets the height to 100 and displays image tca.gif on it (resizing the image if necessary) --> <META HTTP-Equiv="TopCommandArea" Content="Height:100; Visibility:Visible; Image:url('http://myaddress/tca.gif')">

Default Positions

By default this control will be placed a the top of the screen. On Windows Mobile if the 'FullScreen' configuration setting is disabled the control will need to be moved, otherwise it will appear beneath the task bar.

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	This tag is persistent.
Min. Requirements	None