Posted by royerd on November 6, 2012 at 1:41pm
Start:
2012-11-12 18:00 - 19:00 UTC Organizers:
Event type:
User group meeting
OK Everyone . . . join us on the second Monday in November for our monthly meet up at the Community Media Center (right next door to Wealthy Street Theatre).
Our discussion this month will focus on Drupal and calendar integration. We'll look at some basic calendar integration--but then after some basic overview, we'll see if we can get fancy! Let's explore i-cal integration and as many interesting variations as we have time for. Bring your tips and tricks regarding ways that you've integrated calendars into your Drupal sites and share them with the group.
See you all Monday night--the second Monday of the month!
As usual we'll head to Winchester down the street after our meeting.
Comments
Responsive Calendar
I can't make the meeting but here is a simple CSS snippet to make the views calendar (http://drupal.org/projects/calendar) responsive.
@media (max-width: 767px) {
.calendar-calendar td, .calendar-calendar .month-view .full tr td.single-day.today, .calendar-calendar tbody, .calendar-calendar .month-view .full td.single-day .calendar-empty, .calendar-calendar .month-view .full td.single-day.empty, .calendar-calendar .month-view .full td.date-box.empty{
border:0;
background: none;
}
.calendar-calendar tr.date-box{
display:none;
}
.calendar-calendar table thead{
display:none;
}
.calendar-calendar td.no-entry, .calendar-calendar td.empty{
display:none;
}
.calendar-calendar td{
display:block;
width:100%;
}
}
EDIT: Here is a working example, using a modern browser resize the window and watch the magic.
http://www.stlouissabres.com/calendar/month/2012-10
Re: Responsive Calendar
That is really slick, Ben.
How to make calendar responsive
Hi! Where can I add this CSS code to make my calendar responsive?
Hello there, where do I put
Hello there, where do I put this code to make the calendar responsive?
You can put it in any style
You can put it in any style sheet that is loaded after the calendar stylesheet. Most likely spot would be in your themes style.css file.
Hi! where do I put this code
Hi! where do I put this code to make the calendar responsive? will it be in the "sites\all\themes" directory? thank you!
Sandbox module for responsive calendar
Here is sandbox module for responsive calendar. https://drupal.org/sandbox/rahullamkhade/2236121
It changes month view and year view when window size get changes.