Welcome!

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

Reply
Developer
SumiGhosh
Posts: 435
Registered: ‎09-20-2011
My Device: Z10 LE, Playbook, DevAlpha C, 9900, 9380
My Carrier: Vodafone

Scroll using trackpad/trackball

Did anyone know how to scroll a div using trackpad or trackball. I just have a fixed body in which one of the div is scrollable, i'm able to scroll using scrollbar and what i need is trackball scrolling for the div.

Please use plain text.
Developer
SumiGhosh
Posts: 435
Registered: ‎09-20-2011
My Device: Z10 LE, Playbook, DevAlpha C, 9900, 9380
My Carrier: Vodafone

Re: Scroll using trackpad/trackball

Please anyone help with this...... 

Please use plain text.
Developer
Pumano-
Posts: 215
Registered: ‎11-05-2011
My Device: Z10
My Carrier: Beeline

Re: Scroll using trackpad/trackball

Please use plain text.
Developer
SumiGhosh
Posts: 435
Registered: ‎09-20-2011
My Device: Z10 LE, Playbook, DevAlpha C, 9900, 9380
My Carrier: Vodafone

Re: Scroll using trackpad/trackball

Able to focus on the element but it is not scrolling. I am using a table inside a div, I gave focusable property to the td. Do any one help me out for scrolling the same.....

 

Please use plain text.
Developer
Pumano-
Posts: 215
Registered: ‎11-05-2011
My Device: Z10
My Carrier: Beeline

Re: Scroll using trackpad/trackball

Add focusable="true" to all <td>
Please use plain text.
Regular Contributor
yamafarooq
Posts: 65
Registered: ‎01-03-2013
My Device: 9810
My Carrier: Tmobile

Re: Scroll using trackpad/trackball

Hello Guys, i am facing the same problem, is anyone know how to solve this problem 

 

thanks

-----
Please press the like button to thank the user that helped you.
Accept as a solution if it solved the problem.
Cheers
Please use plain text.
BlackBerry Development Advisor (Retired)
mimendoza
Posts: 64
Registered: ‎06-04-2012
My Device: Blackberry Z10
My Carrier: Bell

Re: Scroll using trackpad/trackball

As Pumano- specified, you should add the x-blackberry-focusable attribute to each element that requires focusing. Meaning that you should add it to each table cell that needs focusing.

 

example:

<td id="tabledef" x-blackberry-focusable="true">focus here</td>

<td id="tabledef1" x-blackberry-focusable="true">also focus here</td>

 

Please check this resource for more information: Using focus-based navigation

----------------------------------------------------------------------------------
- Did this post help solve the issue? Click on "Accept as Solution"
- Was the content of this post helpful? Please give it a "Thumbs Up"

developer.blackberry.com
@BlackBerryDev
Please use plain text.
Regular Contributor
yamafarooq
Posts: 65
Registered: ‎01-03-2013
My Device: 9810
My Carrier: Tmobile

Re: Scroll using trackpad/trackball

Dear Mimendoza thank you very much for reply, i have add 

<rim:navigation mode="focus" />
<feature id="blackberry.ui.dialog" />

 in to config.xml file  and  x-blackberry-focusable="true" in all elements. but still i am not able to scroll, i am have a page where there are two textboxs and one submit button i am not able to see the submit button here is the full html code 

 

    <div data-role="page" id="pincode_pg" data-title="pincode_page"
      data-theme="a">
      <div data-role="header">
        <a data-role="none" class="logo_img"> <img
          class="banner" />
        </a>
        <div class="separator"></div>
        <div class="sub-title">Please enter your log-in details</div>
        <div class="separator"></div>
      </div>
      <div data-role="content">
        <!-- code view -->
        <div class="ui-grid-b noscroll" id="numpad">
          <div data-role="fieldcontain">
            <fieldset data-role="controlgroup" data-mini="true">

              <label for="userEmail"> Email: </label> <input name="userEmail"
                id="userEmail" placeholder="e.g: user@email.com" value=""
                type="email" x-blackberry-focusable="true" />
            </fieldset>
          </div>
          <div id="pinGroup" data-role="fieldcontain">
            <fieldset data-role="controlgroup">
     <label for="userPin"> Pin: </label> <input name="userPin"
                id="userPin" placeholder="e.g: 12345" value="" type="password"
                pattern="\d*" x-blackberry-focusable="true" />
            </fieldset>
          </div>
        </div>
        <a id="btnLogin" data-role="button" data-theme="x"
          style="padding: 10px" x-blackberry-focusable="true"> Submit </a>
      </div>
     
    </div>

 Capture.JPG

 

Thank you very much for the help 

 

-----
Please press the like button to thank the user that helped you.
Accept as a solution if it solved the problem.
Cheers
Please use plain text.
BlackBerry Development Advisor (Retired)
mimendoza
Posts: 64
Registered: ‎06-04-2012
My Device: Blackberry Z10
My Carrier: Bell

Re: Scroll using trackpad/trackball

It looks like you're using jQuery mobile, but have you included the required js file and css files? Since the "Submit" "button" is only an anchor element and doesn't look like a button, it might be because you haven't included the proper jQuery files, which is why it only looks like a plain text and not a button.
----------------------------------------------------------------------------------
- Did this post help solve the issue? Click on "Accept as Solution"
- Was the content of this post helpful? Please give it a "Thumbs Up"

developer.blackberry.com
@BlackBerryDev
Please use plain text.
Regular Contributor
yamafarooq
Posts: 65
Registered: ‎01-03-2013
My Device: 9810
My Carrier: Tmobile

Re: Scroll using trackpad/trackball

Dear Mimendoza, 

yes i am using Jquer mobile and i have all my .js files and css the application looks fine in all tuch screen devices like BlackBerry torch, but in untuch screen devices it give problem, it is due to scroll . this is the same file installed

in blackberry 9810

 

in ttttt.JPG 

 

Regards

-----
Please press the like button to thank the user that helped you.
Accept as a solution if it solved the problem.
Cheers
Please use plain text.