Responsive templates do not zoom on a KindleFire. Competitor

Feel free to talk about everything related to our Joomla Products
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Mon Jul 02, 2012 4:22 pm
Responsive templates do not zoom on a Kindle Fire. Which makes the font absolutely unreadable.

Have yet to check them out on iPad waiting the the better half to get home.

One competitor has a working version which is responsive and allows me to "double finger" zoom and another competitor has the same "no zoom" issue.

I thought this issue might be resolved by now but it looks as if no one noticed this.


Does anybody else have zoom issues on Android's or Blackberry's, iPhones?


BTW - The responsive menus work - I just need magnifying glasses to read the page.

This is a BIG issue I know many 40+ individuals that once they find the web page they are looking for, they zoom in just to make reading that much easier.
User avatar
Fresh Boarder

teitbite
Tue Jul 03, 2012 5:13 pm
Hi

Can You please show me a screenshot of a problem ? I do not have KindleFire to check.
User avatar
Moderator

GK User
Tue Jul 03, 2012 5:49 pm
It is not a screenshot issue - it is a function issue. The script disable the common zoom feature on tablets.

I am on an ipad currently and I can not zoom (the two finger drag thing) at http://demo.gavick.com/free/may2012/

And without my reading glass I have to hold the ipad at almost arms length - I would rather zoom to read the text.

This is such a cool feature, but it makes the last 2 months of templates kind of pointless and frustrating to the tablet visitor. I thought the Kindle was goofed up at first.

Also if I use the slideshow - that module defines a width, if I am not mistaken.
So the template would not resize smaller then the defined slideshow? Yes? - No?

Aren't most mobile browsers capable of shrinking everything relatively anyhow? ( I actually don't know, I am not a big mobile device user)

Anyhow - hoping for a fix or a way to disable the feature.

Yoo know the competitions new template works with this feature and one other competitor that has the same issues.
If you can delete this line and the previous if you understand.
User avatar
Fresh Boarder

GK User
Tue Jul 03, 2012 7:26 pm
You have wrong approach to responsive design. Responsive template are design for different screen resolutions and don't zoom in/out on mobile devices. The responsive template fills 100% and 100% height of detected screen resolution because of fluid layout. The whole 'trick' is to avoid scaling template on different devices, create special mobile versions etc., if you need more information please look at articles on the web about responsive design you will surely find a lot of examples.
User avatar
Platinum Boarder

GK User
Tue Jul 03, 2012 9:35 pm
No I don't think have the wrong approach.
I hope we just disagree on the script to use.
jQuery Masonry is the right approach. http://masonry.desandro.com/ It doesn't break tablets.

If the the approach is to use a JS to create a smarter "float" wherein the objects are reordered according to size while disabling the zoom features of many devices then the approach is a stellar success. (sarcasm)

I don't think you always need to fill out 100% of the screen. (especially If I don't want it viewed any larger then XXXX pixels)
I think the Kindle and iPad do an super, duper, excellent job scaling the websites. (I don't have an Android so I can't speak for that device)
I find almost every mobile template menu difficult to navigate - one big drop-down menu - or something similar.

Also the end user may want to scale. Everyone in my house uses scale religiously. I would actually leave a website and go someplace else if that feature is disabled. -- Disabling right click is another script I hate because I open links in new tabs constantly.

In fact when I was playing with the new music template. I wanted a page with no modules - just a single page. However the template was floated left and 800px wide which looked a bit too 1999 for me.
So I played with it in firebug and got it to center with a wrapper but I would of had to find where the 800px index file thing was, Needless to say it was easier just to forget about it and use something else.

But the deal killer for me is the Javascript in the template disabling the most important feature of a lot of mobile devices and I am sure that will freak people out. They will think there device is broken momentarily, and that is what I don't want.

Like I stated above another company or two are making responsive templates that don't render tablet device features usless. And doesn't force me to make multiple templates for each device.

In this market most people don't have money for any more then one website layout, so having to create multiple layouts with multiple menus, multiple modules and multiple forms, for various devices is really only for "big big budget" companies.

MY RANT IS DONE ;-)

I am sure Gavick will fix this. He and his team always get it right and create amazing tools.
But until then the templates with this feature are off limits just because they break tablets.
I will try some other companies until this gets resolved, unfortunately the other companies don't style K2 like you guys do at Gavick. I like k2 simplicity and k2's image creating features along with your modules. like the news show pro -
Any hoot, I'll check back next month and see whats new.

Cheers,
McMasters
User avatar
Fresh Boarder

GK User
Wed Jul 04, 2012 10:43 am
You are talking about jQuery masonry, please look at plugin page and our template http://demo.gavick.com/free/may2012/ind ... uick-guide

We use exactly the same script but with NATIVE for Joomla! library - mootools. We'll make several test with maximum-scale css properly, let us see how it works.
User avatar
Platinum Boarder

teitbite
Wed Jul 04, 2012 11:23 am
Hi

As I understand not the width of the template is important but some scope instrument which is not working with this template. Am I right ? Because if You mean zoom like watching part of a website which do not have a mobile template, than this template is automaticaly fitting to a device and cannot be zoomed. Just like Bartek said.
User avatar
Moderator

GK User
Tue Jul 10, 2012 3:40 am
teitbite wrote:Because if You mean zoom like watching part of a website which do not have a mobile template, than this template is automaticaly fitting to a device and cannot be zoomed. Just like Bartek said.


Yes, that was what my rant was all about. Other developers (not all) use this script and the sites zoom perfectly normal.

If there is no mobile template then zoom is that much more important because without zoom the font on a 4 inch wide screen at 600px is very tiny.

I prefer to zoom and slide around the default desktop template.

I get nothing but complaints with mobile templates enabled.
Too many different devices with too many different OS's with too many different browser's with too many different versions of browsers and too many different versions of OS's, etc. yada yada

One template and let the mobile device sort it out = no complaints.

I suppose multiple mobile templates are great for people and companies with large budgets or a full time IT staff, where in the troops can test templates on a multitude of devices over time.

But for the Ma and Pa shop they are content with one template.
User avatar
Fresh Boarder

GK User
Tue Jul 10, 2012 4:12 am
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

OK is this what is annoying me?

It is not on the masonry site. I guess you are using some sort of $document addCustomTag some where.

I will look for it later.
User avatar
Fresh Boarder

teitbite
Tue Jul 10, 2012 12:14 pm
Hi

Most likely You will find a responsible code in javascript in a part which is replacing a <body> css class. Unfortunatly I cannot tell what would messing with this script bring. For me this responsive is perfect for mobile. The smallest width it gets is around 300 - 320px so letters looks normal.
User avatar
Moderator

GK User
Thu Jul 12, 2012 9:53 am
The max-scale size will be improved in following template update.
User avatar
Platinum Boarder

teitbite
Fri Jul 13, 2012 2:19 pm
bkrztuk wrote:The max-scale size will be improved in following template update.


Hi

Thanks for that information. I had a second question about similar issue so it's great to hear it's going to be changed.
User avatar
Moderator


cron