Weekly Calendar Block

Question

I'm looking to display a weekly events calendar. I've set up content type event and added a starting day field. What I'm essentially looking for is this:

So the interface is a tabbed one, so as long as I can get the current week and its events grouped by date I should be fine, but I need to be able to pull future weeks via ajax in a manner the Calendar View does. So the question is this: can this be done with some Calendar View template? How can this be put together with views? I tried to modify the Calendar block provided as Views Template, but all I ended up was a monthly block.

Thank you in advance.

Answer 1

You can do something quite close to that with views. When you set up your view (or just use the one that comes with the Calendar module and clone it and start editing your new copy).

Just make sure you go to the Calendar settings and choose 'Week' as your Calendar type:

Of course, you have to choose which fields to display for your event type and here's what you'll roughly end up with:

I've added css to my theme to change the look of this calendar page, and that's probably a separate topic. Most of the functionality you want is available through the calendar module... just set your type!!

Hope this helps.

================= EDIT =========================

So, after reading your comment, here's how I'd modify the solution above. Same calendar, but choose 'Day' as the calendar format. Then under the 'Header' section, add a Header and choose "Global: text area". Here, using php, we can output links to how many ever days you need before and after today's date... since this doesn't happen automatically. You'd need to enable the php filter module to make this possible.

So, using the 'php filter' format for the global text, you can add the following code (I would check it to display even for empty views...):

<?php  
print( "<a href=" . date('Y-n-j') . ">" . date('l') . "</a> | "); 
print( date("l",strtotime("+1 days")) . " | ");
print( date("l",strtotime("+2 days")) . " | ");
?>

The above just prints out today's week day, then tomorrow and the day after. You can change to suite your needs. I've also only printed the first one as a link. You see, the day calendar format can be navigated by just going to /2012/11/23 to get to Nov. 23rd of this year, etc. Very easy to figure out the links, so you can build your own menu using php in the header.

This is the output you'd get, and of course, you can always beautify with css:

Answer 2

You must use views module with Calender module, see this video to learn how to do it, but after you fishing creating your calender view you must make some CSS changes.