Jump to content

Archived

This topic is now archived and is closed to further replies.

barkingsheltie

How to enable "pinch and zoom" for mobile devices

Recommended Posts

barkingsheltie

For mobile/touch device situations - I've noticed some of the sites posted in the "show us your DMS site", do allow for pinch/zoom browsing. 

 

How are they achieving this?

 

I've made a few pages with the stock DMS templates. Disable mobile view is not checked - either in edit page (wordpress dashboard), or in DMS dashboard. 

Made a couple pages with simple sections - media, textbox, etc. No header or footer. Still no go. 

 

In order to enable this functionality, is it necessary to use some javascript or meta info in DMS?


"The first principle is that you must not fool yourself and you are the easiest person to fool"
Richard P. Feynman

Share this post


Link to post
Share on other sites
Danny

Hi,

 

Which sites are you referring too, can you link them please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
barkingsheltie

Hey Danny,

 

Here is a real simple page I made on site Im currently fussing with. 

 

http://www.picotools.com/featuretest/

 

Nothing more than a image via mediabox and standard highlight section. 

 

This site was posted on the DMS live thread, and its functioning fine on mobile - pinch, zoom work great. 

 

http://www.hairydogreview.com/


"The first principle is that you must not fool yourself and you are the easiest person to fool"
Richard P. Feynman

Share this post


Link to post
Share on other sites
Rob

Hi,

 

The ability to pinch and zoom is predicated on the layout and content of the site.  For example with a wide image set with fixed pixels, it's more than likely going to break the pinch & zoom functionality, if not the site.

 

Is the dimension of that image in the media box set in pixels?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
bhowton

For The Hairy Dog Review, I did check Disable Mobile View. I found it reordered all elements of the site into a single column. To keep width (and thus allow for the pinch and zoom you're seeking, @barkingsheltie), I let the site on mobile as it was on wider screens.

Share this post


Link to post
Share on other sites
beardedavenger

Pinch zoom being disabled has nothing to do with the layout of your site. It's disabled with the meta-viewport tag. 

 

Because DMS is responsive, pinch zoom has no place. However, some responsive sites, are not very *responsive* so I can see the need for this.

 

Here's more information on this:

https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

 

Not having pinch zoom IMO is correct.

 

Nick


Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
barkingsheltie

Nick & Rob,

 

Thanks for the info.

 

Rob, the image I have on the site was uploaded to mediabox - I didn't set parameters in the editor.

 

If I replace with three columns of text - DMS is responsive (thank you  :)  ) - see pict links - both from iphone - one of hairydog, and one from mine. 

 

My site  http://www.screencast.com/t/avhbrwHh

 

hairydog (love the name!)  http://www.screencast.com/t/NZOQaZtN

 

Difference is that whole site for hairy loads - I have responsive slider, which formats, but the three rows of three columns of text partition into one row, one column. This is correct behavior, according to Nick - but if I desire what hairy dog achieves?

 

 

 

Not having pinch zoom IMO is correct.

 

 

I would disagree with Nick's opinion in this respect - having that option for 'pinch and zoom', can be very useful when the page has lots of unique text in the layout. Good example is hairydogreview that I cited above. This site works exactly how I would prefer that my site functions (i will ultimately have very similar site). As it is now, DMS is responsive, but I would prefer the user see the entire site, like one does in the NY times for example, and then be able to zoom/pinch to the content one is interested in. 

 

The previous site in Genesis, I achieved this automatically, such that I really didn't pay much attention or was aware 'how' this was being done, hence my questions now. 

 

 

I was simply asking how the DMS designed site hairydogreview accomplished this. I will send him a private message. 


"The first principle is that you must not fool yourself and you are the easiest person to fool"
Richard P. Feynman

Share this post


Link to post
Share on other sites
beardedavenger

"I would disagree with Nick's opinion in this respect - having that option for 'pinch and zoom', can be very useful when the page has lots of unique text in the layout."

Then it was designed incorrectly. If you have properly formatted text sizes with proper line heights, you do not need pinch and zoom. This was put in by Apple, before responsive websites even existed, because websites load in full, and you had to pinch zoom, to see the content. If the content is designed properly, there's no need for pinch zoom.


Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
barkingsheltie

For The Hairy Dog Review, I did check Disable Mobile View. I found it reordered all elements of the site into a single column. To keep width (and thus allow for the pinch and zoom you're seeking, @barkingsheltie), I let the site on mobile as it was on wider screens.

Thanks!  I didn't see this post when I blabbered on after....too many notes <words>.

 

I love your site  :)


"The first principle is that you must not fool yourself and you are the easiest person to fool"
Richard P. Feynman

Share this post


Link to post
Share on other sites
barkingsheltie

"I would disagree with Nick's opinion in this respect - having that option for 'pinch and zoom', can be very useful when the page has lots of unique text in the layout."

Then it was designed incorrectly. If you have properly formatted text sizes with proper line heights, you do not need pinch and zoom. This was put in by Apple, before responsive websites even existed, because websites load in full, and you had to pinch zoom, to see the content. If the content is designed properly, there's no need for pinch zoom.

 

 

Nick,

 

The two pages are I submitted are about as generic as you can get - I did nothing to format text, in terms of DMS (still very vanilla, just experimenting), apply any custom classes - just pasted in fill text, a responsive slider, one image.

 

One common theme that applies to many pagelines users, especially for those new to Pagelines/DMS-myself included-the incentive to use this framework is the ease of use/less coding that is hallmark for most other frameworks & coding in general. 

 

Some users mistakenly assume that the ease of drag & drop *should* extend for complex additions & functions, which for the moment is clearly wrong, but my question here, I think is more generic and given user trends (mobile), I thought it would be useful to explore this on the forum as well. 

 

In addition, my comment to you, concerning disagreement, relates only to the user experiences for some site in this respect (DMS responsive out of box vs the pinch/zoom), not the dos/don't of the architecture/engineering, which obviously I would defer to your much greater knowledge & experience. 

 

Shelley


"The first principle is that you must not fool yourself and you are the easiest person to fool"
Richard P. Feynman

Share this post


Link to post
Share on other sites

×