Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Regular Contributor
Posts: 68
Registered: ‎06-12-2012
My Device: Blackberry Bold 9780
My Carrier: Vodafone

Focus Issue on All Platforms

Hi Support,


Posting this regarding help with an application we are building on Webworks for Smartphone’s. The aim of the application is just simple form usage with navigation focus mode enabled allowing the user to navigate around our application as if it was a native application like Blackberry Emails without having to use a cursor.


Our setup information is listed below.

Webworks Version: WebWorks SDK


We have tried this on devices including

·         Blackberry Bold 9780
6.0 Budle 2475( v6.0.0.546, Platform

·         Blackberry Bold 9900
7.1 Bundle 1149(v7.1.0.342, Platform

·         Blackberry 9790
7.0 Bundle 2356 (v7.0.0.557, Platform


When we are building our application we run the following command....

 bbwp Archivename.zip -g password -o ~/"


If you using focus navigation are there anything extra you must include in the command line build?


The issues that seem to be occurring randomly are…

  • Delay on entering text
  • If you don’t wait 1 or 2 seconds it wont allow you to enter text in the input text box at all unless you move to another input and then back
  • When text has already been entered to that field and you scroll back to it sometimes it doesn’t allow you to make changes e.g. add more text or delete text
  • Overall slow performance when navigation focus mode is enabled, if we disable the application runs the way it should

Our sourcecode looks like...




<title>POC: Navigation</title>
<meta name="x-blackberry-defaultHoverEffect" content="true" />
<meta http-equiv="x-rim-auto-match" content="none">
<meta name="viewport" id="viewport" content="initial-scale=1.0,user-scalable=no" />


<script type="text/javascript">
function highlight(e) {
e.setAttribute("style", "background-color: red; outline: cyan solid thick;");

function unhighlight(e) {
e.setAttribute("style", "");






<br><button id="test1111" onclick="alert('CLICK')" onmousedown="alert('MOUSEDOWN')" onmouseover="highlight(this)" onmouseout="unhighlight(this)" x-blackberry-focusable="true">Test</button>


<br><input type="button" value="Test" onclick="alert('hoclick')" onmousedown="alert('MOUSEDOWN')" onmouseover="highlight(this)" onmouseout="unhighlight(this)" x-blackberry-focusable="true"/>


<br><a href="javascript&colon;window.alert('Example of a link that displays an alert box');" onmouseover="highlight(this)" onmouseout="unhighlight(this)" x-blackberry-focusable="true"> Test Me</a>


<br><input type="text" id="id1" blackberry-focusable="true" /><br>
<input type="text" id="id2" blackberry-focusable="true" /><br>
<input type="text" id="id3" blackberry-focusable="true" /><br>
<input type="text" id="id4" blackberry-focusable="true" /><br>
<input type="text" id="id5" blackberry-focusable="true" /><br>



<?xml version="1.0" encoding="utf-8"?>
<widget xmlns="http://www.w3.org/ns/widgets"
rim:header="RIM-Widget: rim/widget">

<name>POC button test</name>

Testing buttons

<author href="http://www.airpoint.com/" rim:copyright="Copyright 2012">Liam McCann</author>

<rim:navigation mode="focus" />
<rimSmiley Surprisedrientation mode="auto"/>
<feature id="blackberry.ui.dialog" />
<feature id="blackberry.ui.menu" />
<feature id="blackberry.system.event" />
<feature id="blackberry.app" />
<rim:loadingScreen backgroundImage="background.png"
<rim:transitionEffect type="zoomIn" />

<icon src="icons/example.png"/>
<icon src="icons/boo.png" rim:hover="true"/>

<content src="index.html" > </content>



Thanks for your support,

Liam McCann