By tigersloft on Tuesday, 03 April 2018
Replies 14
Likes 0
Views 1.3K
Votes 0
I'm working with clients that plan an entire year of events the previous year. The would like to see a "year" planning calendar. What I would like to see is a planning calendar view similar to the attached. It's from Lotus Organizer '97 (old i know). Doesn't need to be exact but you get the idea. entire year in review on one "page".
thoughts?
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
·
Tuesday, 03 April 2018 22:01
·
0 Likes
·
0 Votes
·
0 Comments
·
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?
·
Tuesday, 10 April 2018 12:16
·
0 Likes
·
0 Votes
·
0 Comments
·
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....
·
Tuesday, 10 April 2018 12:43
·
0 Likes
·
0 Votes
·
0 Comments
·
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.
·
Monday, 16 April 2018 14:37
·
0 Likes
·
0 Votes
·
0 Comments
·
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.
·
Monday, 16 April 2018 15:12
·
0 Likes
·
0 Votes
·
0 Comments
·
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.
·
Tuesday, 17 April 2018 14:26
·
0 Likes
·
0 Votes
·
0 Comments
·
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.
·
Wednesday, 18 April 2018 07:19
·
0 Likes
·
0 Votes
·
0 Comments
·
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
·
Wednesday, 18 April 2018 09:18
·
0 Likes
·
0 Votes
·
0 Comments
·
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.
·
Wednesday, 18 April 2018 09:37
·
0 Likes
·
0 Votes
·
0 Comments
·
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;

}

}
·
Tuesday, 24 April 2018 09:57
·
0 Likes
·
0 Votes
·
0 Comments
·
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.
·
Tuesday, 24 April 2018 13:40
·
0 Likes
·
0 Votes
·
0 Comments
·
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
·
Monday, 30 April 2018 15:10
·
0 Likes
·
0 Votes
·
0 Comments
·
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.
·
Tuesday, 01 May 2018 10:34
·
0 Likes
·
0 Votes
·
0 Comments
·
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'
·
Wednesday, 02 May 2018 12:07
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post