Re: Interface API - bottom menu and input dialog?
The jumping on a fixed positioned div is something you will see on a real device as well. It is a limitation of the BlackBerry browser when scrolling with fixed position content.
From what you are describing it sounds like you want the Toolbar that is available on the storm device that allows you to put 4 buttons at the bottom of the screen. We currently don't have an API available for you to enable the Storm toolbar.
However, I have seen others accomplish this same effect by making a table the size of screen and then have a scrolling div statement positioned for the top part of the screen and then table cells for the buttons at the bottom. This would then be usable for both touch screen and trackpad/trackball devices.
Mh alright I tried that with a small following piece of code:
<html>
<table>
<tr><div style="background-color: #000000;color: #ffffff;"> HEADER </div></tr>
<tr><div style="height:100px;overflow: auto">CONTENT<br/>CONTENT<br/>CONTENT<br/>CONTENT<br/>CONTENT<br/>CONTENT<br/>CONTENT<br/>CONTENT<br />CONTENT<br/>CONTENT<br/>CONTENT<br/>CONTENT<br/> CONTENT<br/>CONTENT</div></tr>
<tr><div style="background-color: #000000; color: #ffffff;"> MENU </div</tr>
</table>
</html>
It works somehow but there are some really big design problems with that too:
1. See screenshot. The Scrollbar behaves weird. It "cuts" the <div> Elements below and above. (2. Screenshot is comparison in Firefox, how it "should" behave...)
2. In the Simulator I can not use the scrollbar.
Same html in Firefox:
Unfortunately the scrollable <div> section to allow for a toolbar on the top or bottom of the screen will only work on touch base devices such as the Storm. Scrolling this <div> will not work with the trackpad navigation mode for widgets. This is because the browser will not allow for scrolling of the <div> through JavaScript.
We're looking at the possibility of creating top and bottom toolbars as part of the widget SDK. No timelines yet, but we are investigating how this may work.
