I have created a HTML page for Blackberry. I have done all right but am not able to scroll any divisions using trackpad.
I am testing this in Blackberry bold.
Here is my code:
<!DOCTYPE HTML>
<html>
<head>
<meta name="HandheldFriendly" content="True" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="width=device-width,height=device-height,target- densitydpi=device-dpi,user-scalable=no,initial-scale=1.0">
<title>XXXX</title>
</head>
<body class="Claimtype">
<div class="mainwrapper">
<header>
<h1>Claim Type<span></span></h1>
</header>
<article>
<div class="claimtype_content">
<div class="claim_summary">
<h3>
<label>Plan No:</label>
183245</h3>
<h4>Health Spending account</h4>
<h4>Health Spending account</h4>
</div>
<div class="claim_type_selection">
<h3>Type of Claim</h3>
<select name="claim_type_selection">
<option>Select</option>
<option>Select2</option>
<option>Select3</option>
<option>Select4</option>
<option>Select5</option>
</select>
<div class="claimtype_desc">
<div class="claimdescimg">
<img src="inputUser.png" width="50" height="50">
</div>
<div class="claimtype_desctxt">
<h3>Dental</h3>
<p>The following notes and warnings highlight missing or conflicting information which caused the validator to perform some guesswork prior to validation. The following notes and warnings highlight missing or conflicting information which caused the validator to perform some guesswork prior to validation. The following notes and warnings highlight missing or conflicting information which caused the validator to perform some guesswork prior to validation.</p>
</div>
</div>
</div>
</div>
</article>
</div>
</body>
</html>
Here I want to scroll “claimtype_desctxt” text where I have also added overflow styles.
Can anybody help on this?
Everything you need to know is summarized here:
Using focus-based navigation
1st- Specifying the navigation mode in the configuration file:
2nd- Defining focusable elements, here’s the example:
You can also define initial focus:
Here’s the complete sample code with a javascript function that changes highlight style of focused objects:
I hope this helps