Mobile support, responsive capabilities problems

[FernandoFigueroa]

Hi, might there be an issue corresponding to the touch events on mobile devices? my page works and look great on widescreen monitors, but when it comes to small screens the responsive capabilities aren't working as it should, also, the metro container doesn't take care of touching events so it doesn't move... i tried version 1.0 and the panorama container doesn't work fine either. I don't know if these is an issue of the framewok or i'm not using the tools right.
Here's a snip of the view on a widescreen monitors working as i'd like:

On a small monitor the truncate on the listview it's not a big deal because i could put that content on a a modal, but i guess is an issue or i don't know. the main problem is that if these would be a tablet screen i'd lose every metro scroll capabilities, taking away the oportunity of seeing the rest of the sections:

With the smartpnone the problem is the same, with some bigger responsive problems:

These are firefox responsive design view, but yesterday i tested the site on a galaxy tab II and an iphone 5 (i got error with the scrol or swipe in both). I could modify the css, but i don't know what to do with the touch event. Hope you could help me, i'd like to use this framework.

[aozora]

Hi,
sadly yes, I'm aware of these problems, in fact the whole panorama feature needs a full rework.
You can try the branch "v1.0.0-wip" that use the jquery nicescroll plugin to give swipe support for desktop and mobile, but there are several elements that needs to be fixed.

Also, as of now, tiles are sized for desktop with the fixed width of 150 or 310 pixels, so in small mobile screens they don't fit at all.
There's an experimental support for responsive tiles, see the index.html and find the element

the class "metro-responsive-tiles" is meant to be a container for responsive tiles, take a look.

[FernandoFigueroa]

Thanks for your reply, i downloaded the v1.0, is this the one you are saying? if doesn't, where can i find the download link?; i was trying to get it working (V1.0. Latest download here) but i haven´t succesfully binded the prev, next or swipe events to a "metro-sections" div with sections loaded dinamically. I think that with some minor changes i could get what i'm planing with this framework.

Also, with v0.6, i called the plugin with: "$("#div").metro();" and all the events and the metro section is initialized. It's there a way to acomplish this with v1.0?

[aozora]

Here the direct link to download the branch version 1.0.0-wip: https://github.com/aozora/bootmetro/archive/1.0.0-wip.zip

PAY ATTENTION to the changelog file, there's some breaking change form v0.6 (for example the "metro" plugin is now the "panorama" plugin.