html - Blackberry Scroll issue -
i have created html page blackberry. have done right not able scroll divisions using trackpad.
i testing in blackberry bold.
here 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 , warnings highlight missing or conflicting information caused validator perform guesswork prior validation. following notes , warnings highlight missing or conflicting information caused validator perform guesswork prior validation. following notes , warnings highlight missing or conflicting information caused validator perform guesswork prior validation.</p> </div> </div> </div> </div> </article> </div> </body> </html> here want scroll "claimtype_desctxt" text have added overflow styles.
can on this?
everything need know summarized here:
1st- specifying navigation mode in configuration file:
<widget> <rim:navigation mode=�focus�/> <feature id="blackberry.ui.dialog" /> </widget> 2nd- defining focusable elements, here's example:
<img id="image1" src="imageb.png" x-blackberry-focusable="true" /> you can define initial focus:
<a class="list" x-blackberry-initialfocus="true">first element</a> here's complete sample code javascript function changes highlight style of focused objects:
<html> <head> <title>color input type</title> <script type="text/javascript"> function highlight(e) { e.setattribute("style", "background-color: red; outline: cyan solid thick;"); } function unhighlight(e) { e.setattribute("style", ""); } </script> </head> <body> <h2>test input type - text/password/email/search/tel/number</h2> <div> <label >text: </label> <input type="text" x-blackberry-focusable="true" onmouseover="highlight(this);" onmouseout="unhighlight(this);" /> </div> <div> <label>number: </label> <input type="number" x-blackberry-focusable="true" onmouseover="highlight(this);" onmouseout="unhighlight(this);" /> </div> </body> </html> i hope helps
Comments
Post a Comment