I used the native UI controls plugin of phonegap for my iPhone app.My app works fine in portrait mode but in landscape no buttons is displayed in tabbar,just a black bar is visible.
How do I overcome this problem?
Related
I am developing a mobile first web application and I have this certain scenario.
The default behaviour of screen orientation changing from portrait to landscape is as follows:
What I want to happen is whenever I switch to to landscape mode, the address bar should remain the same as if it was still in portrait mode, like in the following image.
Is this possible to achieve?
I am developing a web game using Phaser and i want the game to be in fullscreen mode. Since in iPhone it is not posible to go fullscreen mode, the bottom part of the game canvas is not visible because of the address bar. in android browser this is working fine because it allows to go fullscreen mode
I was trying to hide the address bar so that the game canvas will be fully visible, is there a way for me to hide the address bar in ios browser.
or Is there a way for me to get the address bar height so that I can substract that with the game canvas height to fit it in the view port
If you are using a tablet in landscape mode, when the site first loads you are unable to scroll down. You can turn your tablet vertical and it will scroll then when you go back to landscape mode it will then scroll.
Viewed the site on a Nexus 7 tablet with a 7” screen and seems like the sites break points don’t accommodate to this size.
I want to hide the URL bar from my single-page application by using JavaScript.
I tried to set bigger height of the 'body' element and then perform:
window.scrollTo(0, 0);
But it doesn't work. The URL bar is still visible. How do I solve this problem?
so far it seems it doesn't work on iOS 9, it stopped working after iOS 7.1.
As seen here:
Impossible to hide navigation bars in Safari iOS 7 for iPhone/iPod touch
For iPhone, you can make your content just one pixel higher than the viewport, that will eliminate the navbar.
Working code example: http://pastebin.com/16s8Xvbw
Caveats:
Only works in landscape, and when flipping from portrait to landscape - if user enters the page in landscape, he/she must flip to portrait and back to landscape.
If the user touches near top / bottom, navbar will re-appear.
Does not work on iPad at all.
I have a app which I have built in PhoneGap and within the Android Manifest file I have set the orientation to landscape, as my app is required to be in landscape mode at all time.
The issue I have is that I have a few external links, which load up in the default phone browser, however due to the fact that the phone is being held in landscape mode the page loads in landscape mode, which then does not fit all the content properly.
So my question is whether there is a way to set the orientation to automatically change to portrait when the external link is clicked. I am currently loading the external page within my javascript using:
window.location.href = "http://www.test.com";
Thanks in advance,
You cannot do like this. User can only set the orientation of browser into default portrait or landscape mode