Customizing the Focus Rectangle
Other versions of this page are also available for the following:
.gif "A hyphen indicates that the information in this topic is not relevant for this platform, or that the platform does not support the API that is listed.")
.gif "A checkmark indicates that the information in this topic is relevant for this platform, and that any API listed is also supported on this platform.")
8/28/2008
The navigation control appears as a yellow frame, called the focus rectangle, superimposed on the browser window. The focus rectangle can be modified by changing the bitmap that determines the rectangle and by configuring registry settings that control the dimensions and the color of the rectangle.
The focus bitmap file, focus.bmp, is located in the %_WINCEROOT%\Public\IE\Oak\Shdocvwui\Resdll directory. The bitmap contains four focus rectangle images. Each image is a prototype border around a 1x1 element. The focus rendering code breaks the image into four corner and four edges that are used to render complex focus shapes. The first image is used for the normal focus highlight and the fourth image is used when the focus element is clicked.
Note
Currently, only the first and the fourth elements of the bitmap are used.
Although there is no restriction on the thickness of the focus rectangle, the thickness should be visible and should not be so thick that it obstructs the content.
To customize the focus rectangle
Replace the focus bitmap in the %_WINCEROOT%\Public\IE\Oak\Shdocvwui\Resdll directory.
To change the thickness and the color of the focus rectangle, configure the registry settings located under the HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main key. These settings are used to determine the height and width of the bitmap images.
- Set the Focus Rectangle Side Thickness value to specifiy the thickness of the left and right border of the rectangle.
The default DWORD value is 5. The width of each image in the bitmap is calculated as (2*Focus Rectangle Side Thickness value) + 1. - Set the Focus Rectangle Top Thickness value to specifiy the thickness of the top and bottom border of the rectangle.
The default DWORD value is 5. The height of each image in the bitmap is calculated as (2*Focus Rectangle Top Thickness value) + 1. - Set the Focus Rectangle Transparency Color value to specify the color of pixels in the bitmap. All the pixels within the bitmap with this color are made transparent.
- Set the Focus Rectangle Side Thickness value to specifiy the thickness of the left and right border of the rectangle.
See Also
Other Resources
Internet Explorer TV-Style Navigation Application Development