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
smartek
Posts: 281
Registered: ‎05-31-2012
My Device: Playbook

why I can scroll up and down in my bbUI app?

hi, i have a simple bbui app which looks like this:

<!DOCTYPE html>
<html>
<head>
	<title>foo</title>
	<link  rel="stylesheet" type="text/css" href="bbui.css"><link />
	<script type="text/javascript" src="bbui.js"></script>
	<script type="text/javascript" src="local:///chrome/webworks.js"></script>
	<script type="text/javascript">
		document.addEventListener('webworksready', function(e) {
			bb.init();
			bb.pushScreen('content.html', 'menu');
		}, false);
	</script>
</head>
<body>

</body>
</html>

 and the content.html:

<div data-bb-type="screen">
	<div data-bb-type="panel-header">Font</div>
		<div data-bb-type="label-control-horizontal-row">
			<div data-bb-type="label">Font Style:</div>
			<div data-bb-type="button" onclick="alert('click');" id="plain">Plain</div>
		</div>
	</div>
</div>

 

 

so its just a bit text and a button, the problem:

when I start the app, I can scroll up and down although the button and the text is just 10% of the heigh of the page.

 

how to disable this?

Plase "+Like" my post if it was helpful.
New Developer
Handout
Posts: 5
Registered: ‎07-24-2012
My Device: Curve 8520, Bold 9900, Dev Alpha

Re: why I can scroll up and down in my bbUI app?

Screen scrolling effects are implemented by default for PlayBook and BlackBerry 10. If you're using of these devices and want to avoid scrolling you should add the data-bb-scroll-effect="off" attribute to the screen div.

 

<div data-bb-type="screen" data-bb-scroll-effect="off">

 

Hope it helps.