Anyone knows how to hide the URL bar that uses a lot of the small screen area of iDevices when showing a panorama, but without using additional code (css or js) i.e, just using a ggt like the fullscreen.ggt shared by Hopki in this forum? (apparently the meta tags "viewport"/"apple-mobile-web-app-capable"/"apple-mobile-web-app-status-bar-style" are not producing the desired effect).
I developed a small site enabled for iDevices that hides the URL bar...but uses additional code and it is not too practical. Also, that code creates other problems, like showing a white band at the bottom of the panos in portrait mode when you save the url using the "+" sign in order to launch it directly from the iDevice's main screen. You can see the demo site with Safari on iPhones/iPad/iPod Touch or in a PC/Mac with Safari here http://www.360panotours.com/ip/indexip.html
How to hide the URL bar in Safari?
Last edited by anahum on Sun Oct 03, 2010 4:35 pm, edited 1 time in total.
Karyn, yes, I know that saving the url as a shortcut using "+" allows viewing the site in pseudo-fullscreen, but it is not a practical solution. You want your site's visitors use your site directly from a Safari session. Why it is not possible for you to develop something like the css+js created by Joop that works directly from a ggt template?k.ary.n wrote:Hi Arturo,
Smooth has a suggestion:
http://gardengnomesoftware.com/forum/vi ... 900#p19641
-
sportsnapper
- Posts: 73
- Joined: Tue Jun 22, 2010 10:28 pm
Arturo,
Have a look at http://iwebkit.net/ - a framework for developing iDevice Web Apps - so they will look like a native app in Safari - much like your web site does. It can remove everything except the very top bar - see their demo. I havn't got one yet
Have a look at http://iwebkit.net/ - a framework for developing iDevice Web Apps - so they will look like a native app in Safari - much like your web site does. It can remove everything except the very top bar - see their demo. I havn't got one yet
Hi sportsnapper. Yes, in fact my site uses iWebkit for the menus and site navigation. My concern is that when you open a panorama created with the standard ggt templates, the URL bar does not hides. I introduced more code (css and js, not created by me) to achieve the desired result, but in some other situations (like when you put the site in the iPhone main screen with the Safari "+") it does not work properly.sportsnapper wrote:Arturo,
Have a look at http://iwebkit.net/ - a framework for developing iDevice Web Apps - so they will look like a native app in Safari - much like your web site does. It can remove everything except the very top bar - see their demo. I havn't got one yet
-
sportsnapper
- Posts: 73
- Joined: Tue Jun 22, 2010 10:28 pm
Ah, so someone has used it.
Can't really comment at present as I haven't yet developed a site - I'm trying to work out what to use. And I haven't got time this week to play with code.
Dd you find the iWebKit easy to use - it looks well though out - though there are other alternatives I understand - JQtouch (very javascript biased), iUI. Found a nice comparison here http://stackoverflow.com/questions/1980 ... uch-vs-iui ?
Can't really comment at present as I haven't yet developed a site - I'm trying to work out what to use. And I haven't got time this week to play with code.
Dd you find the iWebKit easy to use - it looks well though out - though there are other alternatives I understand - JQtouch (very javascript biased), iUI. Found a nice comparison here http://stackoverflow.com/questions/1980 ... uch-vs-iui ?
Yes, iWebkit is very easy to use. The documentation is not as complete as expected, but with the examples provided you will be able to achieve nice results.sportsnapper wrote:Ah, so someone has used it.
Can't really comment at present as I haven't yet developed a site - I'm trying to work out what to use. And I haven't got time this week to play with code.
Dd you find the iWebKit easy to use - it looks well though out - though there are other alternatives I understand - JQtouch (very javascript biased), iUI. Found a nice comparison here http://stackoverflow.com/questions/1980 ... uch-vs-iui ?
-
Joop Greypink
- Posts: 12
- Joined: Mon Aug 09, 2010 3:02 pm
Just wanted to show that the URL bar can be hidden.
Look at my site on an iPhone: http://www.guru.ag and hit the 'photography' > 360° panoramas buttons.
In both pano views, regular Safari URL or after hitting the + button, I have a fullscreen without the bar. The Home screen button(+) also eliminates the bottom bar.
I used iWebkit as well as additional js and css.
Look at my site on an iPhone: http://www.guru.ag and hit the 'photography' > 360° panoramas buttons.
In both pano views, regular Safari URL or after hitting the + button, I have a fullscreen without the bar. The Home screen button(+) also eliminates the bottom bar.
I used iWebkit as well as additional js and css.
Last edited by Joop Greypink on Fri Oct 01, 2010 12:52 pm, edited 1 time in total.
-
Joop Greypink
- Posts: 12
- Joined: Mon Aug 09, 2010 3:02 pm
Hi smooth,
well it does. If you open the pano from the list in portrait mode and then rotate, I don't have any problems with iPhone4 and 3G.
If you open the pano in landscape mode, you're right. It doesn't show fullscreen. After rotating back to portrait then to landscape again it works fine.
Anyway, I'll have to check the initial problems when opening in landscape...
Thanks for your hint.
update:
The open-pano-in-landscape-mode-effect does not show in the web app version (hit +)
well it does. If you open the pano from the list in portrait mode and then rotate, I don't have any problems with iPhone4 and 3G.
If you open the pano in landscape mode, you're right. It doesn't show fullscreen. After rotating back to portrait then to landscape again it works fine.
Anyway, I'll have to check the initial problems when opening in landscape...
Thanks for your hint.
update:
The open-pano-in-landscape-mode-effect does not show in the web app version (hit +)
Hi Smooth. I'm using Joop's js/css and is working fine online and saved with "+" (hides URL bar and rotates OK). Check it from an iDevice here -->http://www.360panotours.comsmooth wrote:Hi Joop,
It is neat that the address bar is hidden.
Though, so far your example doesn't work with horizontal rotation of the screen.
Regards, Smooth
The problem comes when using the site with GoodReader. In that case, Hopki's fullscreen ggt works perfectlly.
Guys,
If I open one of Joop's panoramas from his list on my iPhone 3Gs in portrait mode this is what happens.
1. Pano loads fullscreen and the address bar retracts and the iBar remains at the bottom of screen.
2. If I rotate to landscape mode the pano tilts, reduces in size (I.E: No longer fullscreen) and not even full page and the address bar doesn't retract and the iBar remains at the bottom of screen. So we have double bars in view and a less than full page (let alone fullscreen) panorama sitting left top of the .html page.
If I tap the "+" button I get the option to bookmark or add to home screen (neither of which I wanted to do).
Obviously we want a one tap "fullscreen" option that is really fullscreen in a normal Safari browser view while surfing.
GoodReader viewing is a completely different thing.
Regards, Smooth
If I open one of Joop's panoramas from his list on my iPhone 3Gs in portrait mode this is what happens.
1. Pano loads fullscreen and the address bar retracts and the iBar remains at the bottom of screen.
2. If I rotate to landscape mode the pano tilts, reduces in size (I.E: No longer fullscreen) and not even full page and the address bar doesn't retract and the iBar remains at the bottom of screen. So we have double bars in view and a less than full page (let alone fullscreen) panorama sitting left top of the .html page.
If I tap the "+" button I get the option to bookmark or add to home screen (neither of which I wanted to do).
Obviously we want a one tap "fullscreen" option that is really fullscreen in a normal Safari browser view while surfing.
GoodReader viewing is a completely different thing.
Regards, Smooth
Hi Smooth. Yes, you are right. None of the partial solutions to get full screen on iDevices is working in all scenarios (online w/Safari, after saving w/"+" or even w/GoodReader). That's why I initiated this thread to figure out if there is a way to do it or if Thomas will help us with a ggt to achieve the desired results.