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

Thank you for visiting the BlackBerry Support Community Forums.

BlackBerry will be closing the BlackBerry Support Community Forums Device Forums on April 1st (Developers, see below)

BlackBerry remains committed to providing excellent customer support to our customers. We are delighted to direct you to the CrackBerry Forums, a well-established and thorough support channel, for continued BlackBerry support. Please visit http://forums.crackberry.com or http://crackberry.com/ask. You can also continue to visit BlackBerry Support or the BlackBerry Knowledge Base for official support options available for your BlackBerry Smartphone.

"When we launched CrackBerry.com 10 years ago, we set out to make it a fun and useful destination where BlackBerry Smartphone owners could share their excitement and learn to unleash the full potential of their BlackBerry. A decade later, the CrackBerry community is as active and passionate as ever and I know our knowledgeable members and volunteers will be excited to welcome and assist more BlackBerry owners with their questions."

- Kevin Michaluk, Founder, CrackBerry.com

Developers, for more information about the BlackBerry Developer Community please review Join the Conversation on the BlackBerry Developer Community Forums found on Inside BlackBerry.

Posts: 15
Registered: ‎02-07-2012
My Device: BlackBerry PlayBook
My Carrier: AT&T

Prevent keyboard from bumping up content

I have an HTML5 application with a notes Page. Everytime the note is edited and the keyboard comes up, the screen content is bumped up.  How can I make sure the content is not bumped up??

Posts: 245
Registered: ‎09-21-2012
My Device: Q10
My Carrier: Virgin

Re: Prevent keyboard from bumping up content

We do not re-render your content in a webview in the latest WebWorks SDK based on the keyboard, so the keyboard should just be drawn on top. Are you using a Dev Alpha device? Or is this a Playbook issue?


Can you provide a screen shot of the issue?

Posts: 115
Registered: ‎06-06-2011
My Device: 9800
My Carrier: Rogers

Re: Prevent keyboard from bumping up content

although on the other hand if you truly wanted your content bumped up you would have to write an extension but its defintely possible.

Posts: 15
Registered: ‎02-07-2012
My Device: BlackBerry PlayBook
My Carrier: AT&T

Re: Prevent keyboard from bumping up content

[ Edited ]

This is a PlayBook matter.  Attached below is a screenshot. Note the bottom toolbar showing up right above the keyboard.  That toolbar should be hidden underneath the keyboard. It is pushed up each time the keyboard popups up.  I've also attached below a second screenshot showing the normal screen when no input is active.


For Android, I had the same issue, and this posting fixed the issue: https://groups.google.com/forum/?fromgroups=#!topic/phonegap/QeusaVLBYMo


Is there something similar in the PlayBook WebWorks framework that makes sure the keyboard can be overlayed?



I've attached at the very end my index.html. Am I doing something incorrectly with the viewport information line?







<!DOCTYPE html>



<title>TouchTax - Mobile Tax Code and Regulations</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf8"/>

<meta name="apple-mobile-web-app-capable" content="yes"/>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

<script src="enyo/enyo.js"></script>

<script src="source/package.js" type="text/javascript"></script>



<body onload="init()" class="enyo-unselectable">

<script> new App().renderInto(document.body); </script>




Posts: 15
Registered: ‎02-07-2012
My Device: BlackBerry PlayBook
My Carrier: AT&T

Re: Prevent keyboard from bumping up content

Does anyone have any thoughts?

Posts: 26
Registered: ‎06-01-2010
My Device: Dev Alpha, PlayBook

Re: Prevent keyboard from bumping up content

My guess is that your bottom toolbar is positioned using absolute css positioning. It is also probably absolutely positioned based on bottom: 0;  as opposed to top: 550px.



I did a quick test and changing the div positioning from bottom to top should prevent the div from jumping up when the keyboard is displayed.


Let me know if this works for you. 





P.S. Your app looks great!

My latest Blackberry 10 app Audiobooks! Smiley Happy

My latest PlayBook app Photojam!

Find me on Twitter: GoGibbons
Posts: 15
Registered: ‎02-07-2012
My Device: BlackBerry PlayBook
My Carrier: AT&T

Re: Prevent keyboard from bumping up content

Thanks James! You are probably right. I haven't changed the code yet because it was a pain to get that bottom bar to be at the bottom... more difficult than I think it should be! I'll try it in my next version.