Problem in Ipad 2/motorola xoom about vegas HOT 14 CLOSED

Hi,
As far as I know, Vegas works well on iPad2/3..
Don't know for Xoom.
Can't do much to fix any of these specific tablet bug. Sorry.

from vegas.

Hi, usually I don't have a problem with your plugin, I have used it so far on two sites. The problem comes with a wordpress integration.

I am using the simplest way, to just load a background on a menu item click. It just doesn't stretch to the whole 100% width/height, I see the same on your demo site as well (only black as a background). Do you think it's a webkit problem?

The same applies for xoom, but instead of a safari (webkit) it uses chrome (webkit).

from vegas.

Sorry, I can't reproduce the bug. The demo is great on my Ipad 2.

1/ Did you upgrade to the last version of Vegas ?
2/ Did you try

html {
        height: 100%;
}

from vegas.

I can confirm that the image is not being scaled properly on the default Android browser either, at least on my Galaxy S2. The entire background image is being crammed into the screen space, rather than being allowed to extend beyond the screen borders. Naturally this results in horribly disproportionate images.

If I gut the 'resize' function so it's empty, the source image is correctly proportioned, but then only touches the first edge of the screen and the rest is left uncovered.

If I use a static image (without vegas) then the css 'background-size: cover' works fine, but no amount of my amateurish css tweakery was able to apply this info to the vegas image.

from vegas.

Happy holidays everyone!

I actually was able to fix the error. It was all to the viewport meta, which is really really important!
Try this:

meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1" (in a tag)

I've also tried for ipad (mostly on emulator) with width=1024; variation. NFGMan can you try this solution?

from vegas.

Unfortunately that had no effect on my phone, I tried both 'device-width' and various widths from 400-1024px, to no avail.

from vegas.

Can you also put minimum-scale=1 to the equation?

from vegas.

That one had no effect either.

I inserted some js that showed the dimensions of the screen, and it is reading correctly (480 x 800px) so the math to create the correctly sized image should be functioning properly. I think whatever is happening is a css/rendering issue, the browser is forcing the image to fit the screen instead of allowing overflow (or whatever).

But if I use a regular background image and set 'background-size: cover' then I get the appropriate image proportions. So... Somehow the vegas-created image needs to be set the same way? I guess? I'm out of my league here. =/

from vegas.

Can you tell me if http://33demo.com/compleat works correctly on your device?

from vegas.

Can you tell me if http://33demo.com/compleat [1] works correctly on
your device?

I don't know, does this screenshot look right?

Http://nfgworld.com/screenshot-9.png

from vegas.

It looks fine on portrait. Can you check on landscape (because the image is larger on width than height) to see if there is disproportion? If it works ok on there too, then it's something on your css. Do you have your site online?

from vegas.

Sorry for the reply lag. Here's the landscape mode. You can see that the image is still stretched:

http://nfgworld.com/screenshot-8.png

though not as obviously bad as on the original vegas page (which is just as bad as I'm seeing on my own site):

http://nfgworld.com/screenshot-7.png
http://nfgworld.com/screenshot-6.png

from vegas.

Hello,

I can see the problem now,
I think it has something to do with the chrome based browsers. In the ipad
sim / device it works perfectly. So something about chrome viewport meta
must be messing it up.
At first I thought it was only because of the dolphin browser, but I can
see that it does that too to a normal android browser. What options do you
have on the browser?

On 5 January 2013 06:16, NFGman [email protected] wrote:

Sorry for the reply lag. Here's the landscape mode. You can see that the
image is still stretched:

http://nfgworld.com/screenshot-8.png

though not as obviously bad as on the original vegas page (which is just
as bad as I'm seeing on my own site):

http://nfgworld.com/screenshot-7.png
http://nfgworld.com/screenshot-6.png

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/19#issuecomment-11909742.

from vegas.

There are very few options (at most I imagine I could switch between 'desktop' and 'mobile' but that's a user-agent thing), and I'm running it 'stock', as I expect most of my visitors will do.

Since I am able to make the display work fine using normal CSS, I have to believe there is something either wrong or incompatible with the vegas code and the way it creates the page element. The math is fine, but somehow the descriptors for the new background are wrong and the Android browser falls over.

I would suggest that the only hope is finding and fixing a fault in Vegas 'cause there's not much we can do to fix the browser.

from vegas.