Allow for Responsive options
Such as defaulting mobile users to the list view instead of the calendar view or making a mobile-friendly calendar view that would automatically show to users on small screens.
The Events Calendar and add ons is now fully responsive and mobile friendly! Check out the version 3.5 release notes at http://m.tri.be/i4
16 commentsComments are closed
You can customize the calendar to make it responsive. It's kind of a pain but it's doable.
Here's an example of a website I designed earlier this year that's responsive and utilizes version 2.0.11 of The Events Calendar plugin. We haven't updated yet because it works just fine.
Please consider this update. We need to have mobile users view calendar. Right now it looks very jumbled...
Tamara Zuk commented
If anyone is interested I've created a gist with my simple implementation. Things can get more complicated if you have the time, like a opening a modal window when a day is selected with the list of events that day. But for now, it works fine by directing the user to the day view
The breakpoint was chosen for a full-width calendar and may not work for your project so play around with that number.
Let me know if I forgot to include something.
Please, please do this. It's the one thing holding me back from using your plugin for our company's event calendar. I'm redesigning our intranet to be fully responsive, and this is literally the one main component of the site standing in my way.
So critical. This one is a deal-breaker for many. I love this calendar as it has all of the functionality we need except it is terrible for mobile. And to echo Sergio, I am also quite surprised that it is not included. Please do what you can to make this a priority.
Responsive is an essential feature, I am quite surprised that it is not included. I was just about to get my client to purchase the modules for this platform but we will have to use another solution instead. Hope you guys upgrade this soon as I do like your plugin more than some other offerings. Also note that it is your top voted feature request, made almost 6 months ago, so I hope that it is a top priority as this is something your users really want.
My site is responsive. My calendar MUST be responsive.
This is really a must. Almost all the themes on Wordpress nowadays are responsive.
Please please please!
Liz Hamilton commented
agreed - Lots of requests for this option from my clients too, would love to have it the option to show the list view on screens smaller than 650 as that seems to be the break point when all the right side starts to disappear on a mobile device.
I'd like to see this as well--either to have the month view be usable on a phone, or disable that option altogether. With the current code, the month calendar just can't collapse down far enough without using media queries to make the font unreadably small. If it somehow mimicked the sidebar widget, which behaves very much like a phone calendar does already, that would be brilliant.
I have the same comment. I'm in the process of moving my table based site to a wordpress responsive theme using Woocommerce. Having gotten to the course booking part I thought WooTickets with Event Calendar would be the solution. I've tried the free calendar as a plugin but it looks awful on a mobile. It's also seems you have to have one great big calendar rather than a smaller drop in one. So my problem is you seem to have the functionality, but not the design. I would probably buy wootickets but i'm hesitating as it doesn't scale well and your support comments seem to hint it's a way off being responsive.
So i'm now looking at all the other calendar plugins to see if there is a responsive one as I don't really need complex booking capability and could probably do it of sorts with Woocommerce and attributes for dates. I like a lot of the features you do have PDF tickets etc, but I think more help on adapting to responsive designs is needed. Just my thoughts
If you know how to use the documentation this is easily done. I've already done it, but its not standard.
Agreed. A default list view for mobile users and the replacing of tables with divs is a MUST...and would make this a killer plugin...
This is a fantastic suggestion. Thanks for your submission! We have had lots of other request for something along these lines are looking into options for what can be done here.
Ian Kirk commented
This would be helped if you avoiding using html TABLEs in the code and used DIVs instead. I know that the content is strictly speaking eligible for being treated as tables, but responsive styling for TABLE elements is really hard/impossible.