Samsung GalaxyTab / nav. elements not visible about lightgallery HOT 15 CLOSED

How is your implementation of lightGallery?
Do you have the following meta tag in your html or is it missing:
meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"

from lightgallery.

Hi,
Yes, I have following: meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"
I tested http://sachinchoolur.github.io/lightGallery/ with GalaxyTab and it has same problem.
I can see the Close (X) -button less than second and then it disappears. Also the bottom nav-elements are not visible.

I'm not sure but can it be svg problem, ..are the nav elements svg-images?

from lightgallery.

no, the icons are chars of a font, set with the css content attribute.
When you change the background of "#lightGallery-outer" to lets say #FF0000 - can you see the nav-elements as empty black blocks or are they entirely invisible?
you can change the css settings of "#lightGallery-action" to:
#lightGallery-action {
bottom: 20px;
position: absolute;
z-index: 2000;
width: 100%;
text-align: center;
}

from lightgallery.

Hi Tammo0,

Thanks for advises, but these didn't solve the problem.
I changed the bacground to #ff0000, i saw the close-nav black box about 0.1 seconds and then it disappeared. I didnt see the bottom nav-elements at all.
The changes to #lightGallery-action didnt sove the problem either.

I have tested now Iphone 4/4S, iPad2, Desktop FF, Chrome, IE11, IE10 - Gallery is working just fine with these, only the GalaxyTab and its default browser loses the nav-elements.

from lightgallery.

hi @KlausKerava,
please post your user agent string. You can get it here:
http://www.mybrowserinfo.com/

from lightgallery.

Hi,

The user agent string is:
Mozilla/5.0 (Linux; U; Android 3.2; fi-fi; GT-P7300 Build/HTJ85B) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.12

from lightgallery.

Hi @KlausKerava,
thanks for the string. It doesnt seem to be really a lightGallery problem but Android at GalaxyTab.
Because i can not test it, please take a look at http://jsfiddle.net/J4vUm/1/embedded/result/ and tell me if the navbar at the bottom is visible.
(you may need to scroll down because of the jsfiddle frame)
greetings,
tammo

from lightgallery.

Hi tammo0,

The bottom navbar and the close button on the right hand corner are visible on http://jsfiddle.net/J4vUm/1/embedded/result/ -page with GalaxyTab/Android. Close button is also working fine, but the bottom nav bar is partially under the GalaxyTab Dock-bar and it's not possible to push the bottom nav-buttons. Same problem on landscape and portrait orientations.

from lightgallery.

Hi @KlausKerava,
cool they are there now. Next step is to check out if they are working or not, or just not working because they are behind the DockBar.
Checkout http://jsfiddle.net/J4vUm/3/embedded/result/ where i pushed them more into center and try to touch them.

regards,
tammo

from lightgallery.

Hi Tammo0,

Yes, now the bottom nav bar is in good location, the arrows are working, but the all images thumbs appears under the current open big image, so there might be some z-index problems.

Also, the arrows are quite small and close to each other, ..could they be ie. 25% larger and bit more space beetween the nav elements. Anyway, this is already really cool.
Regards,
KK

from lightgallery.

Hi Klaus,
ok, nice to hear. Because its a very specific problem for a single device (with the DockBar) i am not sure if we shall integrate a new design. I think its up to @sachinchoolur to decide it and as long as you can swipe through the gallery images the navbar isnt really needed, but the close button.

But I will checkin the functionality fix because it doesnt affect other things as far as i know.

You can change the position, width, height and other appearances with your own CSS definitions and overwrite the origins of lightGallery if you like. Just make sure you integrate them after you include the lightGallery CSS file.

Thank you for reporting the bug anyways. 👍

tammo

PS: see #17. You can use my fork while Sachin hasnt merged the pull request

from lightgallery.

btw @sachinchoolur, i dont update the min version. you need to do it by your own

from lightgallery.

Hi @tammo0,
Have you updated any js file for this issue?

from lightgallery.

hi @sachinchoolur
no, for this issue it was just a css change for nav elements:
-webkit-backface-visibility: hidden;
and position:relative; for #lightGallery-Gallery

from lightgallery.

Hi @tammo0
Sorry to trouble you that I have an issue.When use LightGalley ,it seems work not ok in Android phone.
it will destroy when enableTouch in one seconds.Did you meet same issue?

from lightgallery.