Yearly Planner View

Hello,

so the biggest issue with something like this is screenwidth.. 31 columns is massive.

geraint have you ever implemented a yearly grid view?

Many thanks
Tony

Some sites have implemented 12 monthly mini-calendars but I've not seen a year grid like that.

Can you explain the colour bars? Do they just represent dates with events or are they specific events?

the color bars can be anything. for example, on the image, the black represents events (dances) while the magenta represents days when that person is out of town.. so it's mix and match. the bars at the bottom are simply the legend. they can go anywhere. I can use simple categories for that. Mostly concerned about seeing the entire year in a simple format on ONE PAGE... so we can all look at one screen (no date flipping) and see what's available and what's not. I'm not really even married to this particular format and would be open to suggestions. I just happen to use this one and it works really well but it's not "multiuser" or "sharable" or online. so....

Some sites have implemented 12 monthly mini-calendars but I've not seen a year grid like that.

So this would be a possible solution for you?

If you tell me your preferred JEvents theme I can create a template override to generate this output for you.

it's worth a try if we can't do the full grid (which would be preferred). the theme i use most is flat or flatplus.

If you unzip this file and place it in /templates/YOURTEMPLATE/html/com_jevents/flat/year/ and use the flat theme it will create a set of 12 monthly calendars.

You can use CSS to arrange these in a 3x4 grid or have them floating.

awesome. thanks. installed and working. 2 more questions. can this be an "option" instead of the default year view AND, if you could, what would the css be for the 3x4 grid? oh, and would the css go in the css override section within jevents? (so i guess 3 questions)... thanks.

It may be possible to make the layout specific to a menu item - would that help

If you give me the URL where its implemented I can give you some CSS to try out

yes. that would be sufficient thanks. and i've added you as super user to one of the sites in question. i'm working on two similar sites. they are members only so login is required. info in private area.

To do the menu item specific override - rename the file I gave you earlier to yearbymonth_body.php and create a second file in the same folder with the name yearbymonth.php with this content

<?php 

defined('_JEXEC') or die('Restricted access');



$this->_header();

$this->_showNavTableBar();



echo $this->loadTemplate("body");



$this->_viewNavAdminPanel();



$this->_footer();

Then edit your menu item and go to the 'component' tab and at the bottom in the 'Override Layout' field enter the text 'yearbymonth' - then only that menu item will pick up the multi-calendar layout.

Then add this custom CSS to your JEvents custom css file (which I have done)

.jev_month_cal {



    width: 32%;

    margin-right: 1%;

    float: left;

    margin-bottom: 10px;



}



@media (max-width: 767px) {

.jev_month_cal {



    width: 49%;

    margin-right: 1%;

    float: left;

    margin-bottom: 10px;



}



}



@media (max-width: 450px) {

.jev_month_cal {



    width: 100%;

    margin-right: 0%;

    margin-bottom: 10px;



}



}

cool. working like a charm. now, to make it actually useful and functional as a planning calendar, can we have the tooltip (popup) show the events/categories instead of "go to calendar current day"?

this may be asking to much, but, it would make this extremely useful. just knowing there is an event on a certain day is nice but to actually see them would be awesome.

If you use one of the club themes this is a config option for the calendar module.

You would add this code to the template override

$modparams->set('showtooltips' ,1);

If you use 'flatplus' for example - you need to copy/move the template override to the "flatplus" folder from the "flat" folder

i've added the code above as mentioned. changed folder from flat to flatplus. i don't see the config option for the tooltips anywhere. i can see where to show them but not what info they show. I also see some disabled plugins but am not entirely sure what to add where in those.

Since you are loading the module multiple times in the component there is no way to get the module parameters - but the code change simulates that for you

Fixed it on your site now - the template override had references to 'flat' in the code which needed to change to 'flatplus'