Default to list view on screen width

[greenlight]

I would like a little insight on making the calendar month view automatically be the list view on devices < 768px. as an interim fix until the plugin is calendar is updated to be responsive.

I can do the screen size detection but was looking for help on the JS to trigger the change in the tribe-events-bar-min.js on page load.

[Kelly]

Hi, greenlight. This is a great question.

We definitely feel your pain here, and do have responsive behaviors in the works for an upcoming release in the not too distant future. For now, though, I unfortunately don’t have any suggestions how you could customize your site to change per device. Without going into too much of the specifics, we don’t have a JS function to switch the view on the fly and doing so by AJAX is problematic for other reasons.

If you need an immediate solution, your best bet would be to hire a third-party developer who could take a look. Should you be interested, we’d be happy to provide you with a list.

Sorry I don’t have a better answer for you, but please rest assured that help is on the way!

[Kelly]

So, I prodded our devs and we came up with something. It’s not pretty, but it should do the trick for the time being.

You’ll need to override the template for month view, so first, please check out our Themer’s Guide, linked in the sidebar, if you’re unfamiliar. From there, please put this snippet at the bottom of the overridden content.php in the Month View folder:

http://pastebin.com/zaZW2Qjt

It won’t be pretty, but it will switch to List View for your users on small screens.

Hope that helps!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts