Customizing the Focus Rectangle (Windows CE 5.0)
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.
See Also
Internet Explorer TV-Style Navigation Application Development
Send Feedback on this topic to the authors