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
Contributor
jetcat33
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??

Please use plain text.
BlackBerry Development Advisor (Retired)
erikjohnzon
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?

@erikjohnzon
erjohnson@blackberry.com
Please use plain text.
BlackBerry Development Advisor
Nukul
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.

@nukulb
Please use plain text.
Contributor
jetcat33
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?

 

:Boat:

 

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

 

IMG_00000003.png

 

 

IMG_00000004.png

 

<!DOCTYPE html>

<html>

<head>

<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>

</head>

 

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

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

</body>

 

</html>

Please use plain text.
Contributor
jetcat33
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?

Please use plain text.
Developer
jamesgibbons
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. 

 

Cheers,

 

James

P.S. Your app looks great!

___________________________________________________________
My latest Blackberry 10 app Audiobooks! :smileyhappy:

My latest PlayBook app Photojam!

Find me on Twitter: GoGibbons
Please use plain text.
Contributor
jetcat33
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.

Please use plain text.