Entire app can be draged to the left so a white border appears on the right

75 views
Skip to first unread message

Anton Pirker

unread,
Dec 16, 2009, 3:40:34 PM12/16/09
to phonegap
Hi List!

I am doing a quite complex app with phonegap and its really doing a
great job!
But i have a problem.

I am doing a native iPhone user interface with a fixed menu on the
bottom of the screen with this script here:
http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/

I have a html5 doctype and this viewport meta tag:
<meta name="viewport" content="width=device-width; initial-scale=1.0;
maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />

And now the strange behavior: (this appears on android 1.5 on a htc magic)
I can drag the entire app a few (about 3) pixels to the left so a white
border that is the missing 3 pixel wide appreas on the right of the
screen. I tried to give my web application a background color on the
body tag but the appearing border on the right is still white.

I have done two screen shots so you can see what i am trying to describe.
-> http://www.ignaz.at/stuff/screen.png

The left is the normal screen and the right the one that was dragged
with the white border.

Can it be that i can drag the entire WebView?
Has anybody had similar bihavior?

Thanks in advance,
Anton

--
DI(FH) Anton Pirker

------------------------------
cross platform mobile software
burggasse 123/53
a-1070 wien
tel: +43 699 1234 0 456
skype: antonpirker

http://anton-pirker.at



Joe Bowser

unread,
Dec 16, 2009, 3:45:27 PM12/16/09
to Anton Pirker, phonegap
Update your source.  That's the scrollbar clearance.

--
You received this message because you are subscribed to the Google
Groups "phonegap" group.
To post to this group, send email to phon...@googlegroups.com
To unsubscribe from this group, send email to
phonegap+u...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/phonegap?hl=en?hl=en

For more info on PhoneGap or to download the code go to www.phonegap.com

Anton Pirker

unread,
Dec 17, 2009, 1:49:25 AM12/17/09
to phonegap
Hi!

Thanks for the tipp! I have now updated to the newest version of the
master branch of the git repository and also made sure that phonegap.js
(in /assets/www/ and /android/framework/assets/www/) is up to date.

but still the same...
can you tell me where in the code this was fixed, so i can see if i
really have this changes?

Thanks!
Anton

> <mailto:phon...@googlegroups.com>


> To unsubscribe from this group, send email to
> phonegap+u...@googlegroups.com

> <mailto:phonegap%2Bunsu...@googlegroups.com>


> For more options, visit this group at
> http://groups.google.com/group/phonegap?hl=en?hl=en
>
> For more info on PhoneGap or to download the code go to

> www.phonegap.com <http://www.phonegap.com>

Anton Pirker

unread,
Dec 17, 2009, 2:46:22 AM12/17/09
to phonegap
Hi again!

Ok, i just found out, that my "deviceReady" event is not triggered any
more. So it seems i have somehow destroyed my phonegap.js...

What is the right way to create a new phonegap.js on the lastest
version from git?

Because in the README file in phonegaps base directory you can read:
Note: phonegap.js goes in the assets/www directory. To get this file,
please
<README>
2 build it from the top level by running make:
3
4 make
5
6 The file will be concatenated and minified, and will be stored in
lib/android
</README>

this information is out dated because there is no makefile or lib/
android any more. maybe you should remove this file.

in README.md you can read that there is a extra README.md for every
platform. So i moved to /android/ and opened README.md
In this file you can read how to "Build from Command Line" but i know
this is only to build your .apk in debug or release mode.

But where can i read on how to create the phonegap.js and where i need
to put it?


Could you please shed some light!

Thank you very much!
Anton

On Dec 17, 7:49 am, Anton Pirker <an...@ignaz.at> wrote:
> Hi!
>
> Thanks for the tipp! I have now updated to the newest version of the
> master branch of the git repository and also made sure that phonegap.js
> (in /assets/www/ and /android/framework/assets/www/) is up to date.
>
> but still the same...
> can you tell me where in the code this was fixed, so i can see if i
> really have this changes?
>
> Thanks!Anton
>
>
>
> Joe Bowser wrote:
> > Update your source.  That's the scrollbar clearance.
>

> > On Wed, Dec 16, 2009 at 12:40 PM,AntonPirker <an...@ignaz.at

Anton Pirker

unread,
Dec 17, 2009, 3:01:55 AM12/17/09
to phonegap
Again: Hello! (i hope i do not start to annoy you)

Ok, i had a look at the wiki at
http://phonegap.pbworks.com/Getting-started-with-Android-PhoneGap-in-Eclipse

in there at section 8) you can read:
<WIKI>
If you have downloaded EDGE, it's easier, you just need to run ANT.
You should have ANT installed with your Java tools. From the
frameworks directory, in a shell run:

ant move_files
</WIKI>

so i go to /android/framework/ and call
ant move_files

and now i have a new phonegap.js in
/android/framework/assets/www/
but not in
/assets/www/
where all my html and js code is.

i open up eclipse and compile and debug my application in the hope
that eclipse will move phonegap.js to my /assets/www directory. But is
not done so i copy the phonegap.js by hand from /android/framework/
assets/www/ to /assets/www/ and recompile my application. after
compiling the deviceReady is still not called. i use jquery like this
to catch the event:

$(document).bind("deviceReady", function() {
alert("ready!");
}


so, something is broken here. could you tell me if the way i am
developing phonegap apps on android is the way it is supposed to be
(move all my html/css/js to /assets/www in the phonegap base folder
rather then /android/framework/assets/www)

maybe it would be helpful if phonegap.js has a comment header where
you can read when the file was created. (btw, phonegap.js is not
minimized, thats ok, right?)

Thanks for reading and any help you can give me!

Greetings from Vienna!
Anton

Reply all
Reply to author
Forward
0 new messages