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

Posts: 132
Registered: ‎02-17-2012
My Device: Bold 9900
My Carrier: AT&T

Overflow not showing

I added an overflow part to my actionBar and I am having some problems.


When in I'm Ripple the overflow works fine but, when I upload the app to my device I see the 3 dots when I click the overflow slides but I don't see anything.


What am I doing wrong?






This is what I see in Ripple and what I should see on the device.






Here is the actionBar code im using.

<div data-bb-type="action-bar">
<div data-bb-type="action" data-bb-style="tab" onclick="start();" data-bb-img="images\start.png">Start</div>

<div data-bb-type="action" data-bb-style="tab" onclick="stop();" data-bb-img="images\stop.png">Stop</div>

<div data-bb-type="action" data-bb-style="button" data-bb-overflow="true" onclick="bb.pushScreen('about.html', 'about');" data-bb-img="images\about.png">Info</div>

<div data-bb-type="action" data-bb-style="button" data-bb-overflow="true" data-bb-pin="true" onclick="blackberry.app.exit()" data-bb-img="images\exit.png">Exit</div>


Posts: 3,708
Registered: ‎10-16-2008
My Device: Z10
My Carrier: Rogers

Re: Overflow not showing

It's an issue being worked on  https://github.com/blackberry/bbUI.js/issues/329


This typically happens if you have an action bar on your first screen and have an animation effect on the screen.  If you remove the animation effect the overflow should work.


Trying to figure out why the animation is causing the problem.

Tim Neil
Director, Application Platform & Tools Product Management
Follow me on Twitter
Posts: 132
Registered: ‎02-17-2012
My Device: Bold 9900
My Carrier: AT&T

Re: Overflow not showing

I removed data-bb-effect="fade" and it worked.