Search…

X3 Photo Gallery Support Forums

Search…
 
MikeR
Experienced
Topic Author
Posts: 216
Joined: 29 Sep 2006, 09:58

X3 Popup on mobile

09 Feb 2016, 05:51

Hello

2 questions :

1/ With the x3 popup on the "desktop" version I can exit the image and go back to the gallery just with a click outside the image. On the mobile (Iphone and Ipad, I don't know for other tablets) I need to touch the cross button (if I touch outside I can swipe).

Is it possible and simple with css (maybe) to have the same functionality on mobile ?

2/ The image's title is centered on desktop and tablet but not on smartphone, can you tell me which css must I change ?

Thanks
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: X3 Popup on mobile

09 Feb 2016, 10:34

MikeR wrote:1/ With the x3 popup on the "desktop" version I can exit the image and go back to the gallery just with a click outside the image. On the mobile (Iphone and Ipad, I don't know for other tablets) I need to touch the cross button (if I touch outside I can swipe).
Did you try swiping down or up? or even pinching? We use industry-standard UI methods for closing the popup on touch-devices, and they are quite intuitive.
MikeR wrote:Is it possible and simple with css (maybe) to have the same functionality on mobile ?
There are reasons why the area outside the image (which very often, is extremely small on mobile), does not close the image on "touch". First of all, because there are already methods: close-button, pinch, swipe-up and swipe-down to close the x3 popup. Second, because touch outside the image area is often part of a users swipe movement (navigating between images). Have you checked the PHOTOS application on iphone or ipad? You will find the same behavior. Personally, I think you should trust that we are experienced and passionate UI designers, who have put a lot of love and thought into the X3 user-interface and how it works based on best modern practices.
MikeR wrote:2/ The image's title is centered on desktop and tablet but not on smartphone, can you tell me which css must I change ?
There are UI reasons for this also, do you really need to change these things that we have done for good reason? It's rather complex responsive code required. Amongst other things: Although a desktop has a wide screen, the visitors field of view is much narrower (similar to why text pages should be limited by a narrow width). Therefore the text often looks best if it's centered on large-screen devices, as long as the description is not multiple lines. On small screens however, this is obviously not the case, and a user will look for text from the left aligned from where the image starts ... Also add the fact that there is a big change they are using their right thumb to interact.

Also, are you thinking that users will be comparing the alignment of text between large- and small devices? These devices ARE different, and users use the completely differently, and that's why things work slightly differently. The CSS is there to edit, but we can't provide custom hacks for everything in X3 which (subjectively) has no benefit to the visitor. This is how X3 is built, smartly.
 
MikeR
Experienced
Topic Author
Posts: 216
Joined: 29 Sep 2006, 09:58

Re: X3 Popup on mobile

09 Feb 2016, 17:34

thanks for this detailed reply
mjau-mjau wrote:Did you try swiping down or up? or even pinching? We use industry-standard UI methods for closing the popup on touch-devices, and they are quite intuitive.
No I didn't try. Pinching works but swiping down or up need several attempts to work. It's weird because sometimes it works in the first attempt, sometimes not. But it's not a problem (for me)

Have you checked the PHOTOS application on iphone or ipad? You will find the same behavior. Personally, I think you should trust that we are experienced and passionate UI designers, who have put a lot of love and thought into the X3 user-interface and how it works based on best modern practices.
Usually website have not the exactly same functionality as native applications (except for swiping). Trust me :D I trust that you are experience and passionate UI designers. That's why I bought Imagevue v3 after several years of V2. You take the time to reply, help people in this forum and as other I appreciate. Sometimes I "disagree" some of your choices but I respect it and I'm really happy with the product and the support.
There are UI reasons for this also, do you really need to change these things that we have done for good reason?
I'm not agree but it's not a problem (this is just cosmetic). In my case my titles are short. The size of smartphone are bigger than few years ago and I prefer when the title is centred. I don't understand your good reasons I didn't know this a "decision" and I thought it was simple to center the text. But as I say I respect your point.

Thanks
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: X3 Popup on mobile

09 Feb 2016, 22:16

MikeR wrote:In my case my titles are short. The size of smartphone are bigger than few years ago and I prefer when the title is centred.
Although a conscious decision, it certainly wasn't an important one. The fix is quite easy:
Code
.medium-text-center {
    text-align: center !important;
}
* Normally, the above class is set to only apply for medium-up screens.
 
MikeR
Experienced
Topic Author
Posts: 216
Joined: 29 Sep 2006, 09:58

Re: X3 Popup on mobile

11 Feb 2016, 03:11

Thanks a lot
Great support as always ;-)