Tableau Responsive Theme - Support Thread

[rbarbour]

Haven't downloaded this, I do like the look and feel, love the jpanel feature (being used on allot of mobile sites), however in past testing the jpanel plugin is not supported on many mobile browsers and cuts the panel at the height of viewport not allowing for vertical scroll.


My research from a few months ago:

Android Browser supported overflow scrolling from Android 3.0. Unfortunately there are still a lot of 2.x devices out there.

Blackberry Browser 6 or higher support overflow scrolling but momentum scrolling doesn’t make an appearance until Blackberry Browser 7.

IE Mobile 9 or higher support overflow scrolling but momentum scrolling doesn’t make an appearance until IE Mobile 10.

Opera Mini is unsupported, there are over 168 million Opera Mini users out there.

iOS 4 or lower required an esoteric two finger gesture to scroll elements but normality was achieved from iOS 5.

[yaritai]

Haven't downloaded this, I do like the look and feel, love the jpanel feature (being used on allot of mobile sites), however in past testing the jpanel plugin is not supported on many mobile browsers and cuts the panel at the height of viewport not allowing for vertical scroll.


My research from a few months ago:

Android Browser supported overflow scrolling from Android 3.0. Unfortunately there are still a lot of 2.x devices out there.

Blackberry Browser 6 or higher support overflow scrolling but momentum scrolling doesn’t make an appearance until Blackberry Browser 7.

IE Mobile 9 or higher support overflow scrolling but momentum scrolling doesn’t make an appearance until IE Mobile 10.

Opera Mini is unsupported, there are over 168 million Opera Mini users out there.

iOS 4 or lower required an esoteric two finger gesture to scroll elements but normality was achieved from iOS 5.

I been working on a side menu the last 3 days which 60% of the time was debugging the side menu in mobile browsers. In particular it was Opera Mini and UC Mini that made me aware of the issues. Basically, I went the route of a pure slide in instead of a push menu as the only way a push menu works nice is if the width is 100% fluid. This was not an issue for me exactly as I only load this menu for mobiles but on the chance that someone wanted to use it on a site with a wrapper, the pure slide works much nicer than a push.

I have used your 2.1 responsive default as a base to do a workaround by using your ideas of the mobile detect. But mobile detect was a bit too powerful in one of its beta features of detecting browsers. In one instance, the code would not detect browsers for iphones but instead report all to be iOS. So I found another code on github and it was a 65 line code and did what it needed to to detect browsers and mobile. So for mobiles and browsers that are firefox, safari, mobile IE, and chrome, I load the slide and js. For all others, I used picaflor code for the mobile nav as a fallback. For some reason, her mobile nav works very well in opera mini.

As time permits I will get back to the slide menu next weekend and see if I can turn the workaround into a fix so I can allow more browsers to use it. But the main core of the menu works very well where scrolling is fixed to only the side menu without moving the background page. I will most likely give the code to picaflor first to see if she wants to incorporate it in any templates as she deserves it for offering so many free templates.

[picaflor-azul]

I been working on a side menu the last 3 days which 60% of the time was debugging the side menu in mobile browsers. In particular it was Opera Mini and UC Mini that made me aware of the issues. Basically, I went the route of a pure slide in instead of a push menu as the only way a push menu works nice is if the width is 100% fluid. This was not an issue for me exactly as I only load this menu for mobiles but on the chance that someone wanted to use it on a site with a wrapper, the pure slide works much nicer than a push.

I have used your 2.1 responsive default as a base to do a workaround by using your ideas of the mobile detect. But mobile detect was a bit too powerful in one of its beta features of detecting browsers. In one instance, the code would not detect browsers for iphones but instead report all to be iOS. So I found another code on github and it was a 65 line code and did what it needed to to detect browsers and mobile. So for mobiles and browsers that are firefox, safari, mobile IE, and chrome, I load the slide and js. For all others, I used picaflor code for the mobile nav as a fallback. For some reason, her mobile nav works very well in opera mini.

As time permits I will get back to the slide menu next weekend and see if I can turn the workaround into a fix so I can allow more browsers to use it. But the main core of the menu works very well where scrolling is fixed to only the side menu without moving the background page. I will most likely give the code to picaflor first to see if she wants to incorporate it in any templates as she deserves it for offering so many free templates.

That sounds great! I would love to see your code when you have it ready

Thanks,

Anne