Search jQuery

jQuery Forum

can't controll popup(that contain an image)position on ios7

in jQuery Mobile • 7 years ago

I'm facing a problem with the position of popup that contain an image. I defind the postion to "window", so it will be in the centerof my page. In Android and iOS 6 and lower, it works perfectly, but in iOS 7 the image is much smaller and its position is top-right instead of centered. I'm using PhoneGap 2.9 and Cordova 3.0.1. I also tried to change the position manually with jQuery CSS properties, but it's not working and it changed the page dynamic. Has anyone faced that problem, and solved it? Do i need to wait for version 1.4 that support ios7? Thanks

Replies(3)

watusiware

Re: can't controll popup(that contain an image)position on ios7

7 years ago

Similar comments to those I made in the other forum:

I defind the postion to "window", so it will be in the centerof my page.

Position of what? The popup? Or the image?

If you mean the image, centering of images both horizontal and vertical is a classic "hard problem" for HTML. Look at HTML5 flex-box which now deals with this easily if this is what you are having trouble with.

It would be helpful to show us a picture.

As well, more specific details would be helpful. You haven't given us much to work with.

How to ask for jQuery Mobile help

guyliany12

Re: can't controll popup(that contain an image)position on ios7

7 years ago

Hi,

Sorry, by position i mean that in the <a> tag of the popup i defined the data-position-to="window".

here is a picture for how it work's in all other platforms:

this is a picture of how it looks in ios7

Thanx

watusiware

Re: can't controll popup(that contain an image)position on ios7

7 years ago

OK, I don't know what this means:

Sorry, by position i mean that in the <a> tag of the popup i defined the data-position-to="window".

But it's moot, since I can see from your pictures that the issue is the centering of the popup window.

You should not have to do anything special to get the popup to center - it should just center by default.

Do the online popup demos work correctly on your iOS7 device?

Please REMOVE anything you are doing to try to "fix" this, and post a complete example. Preferably an online example, fiddle, etc.

Only a guess, (since you have supplied no details) but you might have an improper <meta> tag.

Does the popup content (the map) have a specific size defined in CSS or inline width/height? The practical thing here would be to give it a width in percent.

This should just work.

Top Reply

Response title

Attachments

jQuery Forum

can't controll popup(that contain an image)position on ios7

Replies(3)

Re: can't controll popup(that contain an image)position on ios7

Re: can't controll popup(that contain an image)position on ios7

Re: can't controll popup(that contain an image)position on ios7

Statistics

Tags

Actions