PDA

View Full Version : Calendar Enhancements - Updated Monthly Calendar View


Wayne Luke
19 Dec 2007, 22:39
A collection of Calendar Modifications

The monthly calendar in the default style is crowded and blocky with the day names on each row, unlabeled week view markers on the left and various other stylistic choices that make it fairly unusable. With this collection of modifications, I am aiming to make it more usable and present a better monthly view.

Some of the features include:

Single header row with the days of the week.
Better date boxes which have a square instead of a rectangular layout. More like a standard calendar view.
Easier to see highlighting of the current dates.
Previous month and next month dates removed for better viewing.
Link to the Weekly view on the left of each row distinctly says "WEEK".http://www.vbulletin.org/forum/attachment.php?attachmentid=73439&stc=1&d=1198103883
Installation
Merge the style.xml file into each style you want to apply the changes to. This will only work on styles with unedited calendar templates. To do this follow these steps:

Go to Styles & Templates -> Download / UploadStyles.
In the Upload form, browse to the monthly_calendar.xml file
For the Merge Into Style choose the style that these changes should be applied on.
Tell the system to ignore the version number (just in case).
Click Import.
Repeat for each additional style.You may need to add the following four lines to the second box under MainCSS -> Additional CSS Definitions:

#highlight { padding:0px; border:1px solid red; font-weight:bold }
#calendar_today {background-color:transparent;color:red;font-size: 130%;font-style:italic; font-weight:bold;}
.daybox {padding:0px}
#calendar_date {font-size: 115%;font-style:italic;}


This would only need to be done if you have made modifications to the CSS here in the past.

Updates:
20080121 - Removed template edit that was conflicting with Farcaster's Event Signup Modification found at here:
http://www.vbulletin.org/forum/showthread.php?t=129088

Support provided in this thread only to people who marked install.

ssvp
20 Dec 2007, 01:29
Excellent.. Worked like a champ.

Snake
20 Dec 2007, 17:36
Thank you!

TheMilkCarton
21 Dec 2007, 18:02
Wow... I just did almost the exact same thing by myself. It's quite uncanny actually. The only real differences are that I centered the Monday-Friday headers, and instead of "WEEK" I used "VIEW" (Makes more sense to me, I guess).

I moved a LOT more of the style to CSS though... makes it extremely customizable without template edits. Too bad I can't release this now without people accusing me of ripping you off. :rolleyes:

I also had replaced all the Editor buttons with that same Silk set too, like your other Template Mod. Although I just saved them as GIFs and didn't have to bother with any template edits. :) I swear you've hacked into my test board and stolen my modifications. :p:D

GrendelKhan{TSU
21 Dec 2007, 21:30
OMG THANK YOU.

WHY isn't this default calendar style? current calendar is barely useable, imo.

C.ooder
21 Dec 2007, 22:44
Thank you .. nice work

Mixibiza
22 Dec 2007, 04:36
Nice... installed :)

Wayne Luke
26 Dec 2007, 17:10
I moved a LOT more of the style to CSS though... makes it extremely customizable without template edits. Too bad I can't release this now without people accusing me of ripping you off. :rolleyes:

Go ahead and release it. Who cares. I plan on releasing things to give people ideas and don't care if others modify them and re-release them or if they come up with similar ideas on their own. Let's get back to releasing many different options insteadof having to deal with one option.


I also had replaced all the Editor buttons with that same Silk set too, like your other Template Mod. Although I just saved them as GIFs and didn't have to bother with any template edits. :) I swear you've hacked into my test board and stolen my modifications. :p:D

Great minds think alike?

ssvp
26 Dec 2007, 17:50
Go ahead and release it. Who cares. I plan on releasing things to give people ideas and don't care if others modify them and re-release them or if they come up with similar ideas on their own. Let's get back to releasing many different options insteadof having to deal with one option.



Great minds think alike?

Wayne Luke for President!

nurawtek
28 Dec 2007, 06:00
I installed this and now the header in my forum is gone the logo still shows but the header section and the navbit is not looking how it is suppossed to how can I fix this my forum: http://www.bassaddict.net

Reeve of shinra
28 Dec 2007, 06:48
very clean looking!

Wayne Luke
28 Dec 2007, 16:19
I installed this and now the header in my forum is gone the logo still shows but the header section and the navbit is not looking how it is suppossed to how can I fix this my forum: http://www.bassaddict.net
This shouldn't touch any templates outside the Calendar group. I can't recreate the problem. Though I see you uninstalled it. The change may be incompatible with your custom style.

glorify
30 Dec 2007, 15:31
Installed on all 3 of my styles. Just makes sense and looks great. Thanx.

Tungsten
03 Jan 2008, 16:11
Nicely done! *installed*

gator777
03 Jan 2008, 17:20
Installed! I would like to see the date numbers larger and bolded to stand out more. They are the same size as the birtdays and do not stand out at their current size. How would I do this?

Edited:

Wayne Luke
03 Jan 2008, 17:32
Edit the CSS that is included in the first post. It controls the look of the date numbers in the calendar view. If you didn't add the CSS yet, add it to the second (lower) Additional CSS Definitions box under MainCSS. I didn't want to put it inline and people often customize their CSS.

I have them set at 115% with today set at 130% of the normal size. You can increase those values, make them bold, change the font all by editing the two CSS classes.


#highlight { padding:0px; border:1px solid red; font-weight:bold }
#calendar_today {background-color:transparent;color:red;font-size: 130%;font-style:italic; font-weight:bold;}
.daybox {padding:0px}
#calendar_date {font-size: 115%;font-style:italic;}

IvyKeepMommy
03 Jan 2008, 20:36
I've installed this and now Farcaster's RSVP system is no longer accepting RSVP's (It shows who has already RSVP'd but won't let anyone new RSVP or change their existing responses).

Any thoughts on why this happened or how I can fix it? I've tried reinstalling the RSVP system and that hasn't worked.

IvyKeepMommy
04 Jan 2008, 15:48
Well, I'm not quite sure why, but the only way I could get the RSVP system to work again was to revert all the calendar templates and reinstall the RSVPS all over again.

Wayne Luke
04 Jan 2008, 20:15
I don't use Farcaster's system anymore but if he is rewriting the monthly view template than there might be a conflict. I don't really see how though as this has absolutely no PHP code behind it and is just template edits to the month view.

IvyKeepMommy
04 Jan 2008, 20:54
If I try and reinstall again, is there a quick way to undo the template edits? I really like the design :)

IvyKeepMommy
04 Jan 2008, 20:59
well because I appear to be a glutton for punishment, I applied the style again and it removed the visibility of the RSVPs again (I can see the existing responses but it has removed the option for new responses). So it is definitely a style conflict.

IvyKeepMommy
04 Jan 2008, 21:02
It looks like the problem might be in the calendar_showeventsbit template. When I apply the style it removes the $rsvp_form line and changes it

Wayne Luke
04 Jan 2008, 23:54
I'll see if I can come up with a template conditional for compatibility this weekend.

DrKNickel
21 Jan 2008, 10:01
Any news on this one? I am using farcasters mod too :)

Greets

Wayne Luke
21 Jan 2008, 18:50
There was a template edit included that should not have been on the calendar_showeventsbit template. This has been removed from the XML file and removes the conflict with Farcaster's modification.

bfburger
08 Feb 2008, 17:12
Has anyone loaded this successfully on 3.6.8? I want to try this mod but I'm not willing to upgrade to beta just yet.

Boofo
08 Feb 2008, 23:41
Looks great, Wayne, thank you.

But there is a small problem. The additional CSS stuff I had in there for other things was wiped out and replaced by yours. Shouldn't or just add it to the end and not erase the other stuff? And I have a new replacement for photoplog called Gallery now. Was that intentional? I don't have a photoplog or gallery. I am using the default skin, by the way.

Wayne Luke
09 Feb 2008, 01:50
The style I am exporting from doesn't have either of those changes in it. It must be pulling it from the parent style. However I know I told it to take changes from that style only. I will look into this and see if I can make corrections.

Boofo
09 Feb 2008, 02:28
It's not too big a deal but I thought you should know about it, sir. The only thing I was concerned about was that is erased my additional CSS stuff and replaced it with yours, instead of adding it to the end. Luckily, I found the stuff in a few text files and reconstructed it. The Gallery and photoplog thing got me confused for a second. I was wondering who had been in my Admin CP and then I looked in your xml file and all was well again.

But it is 1,0000 percent better than the default one. Nice work, Wayne. ;)

Oh, and I re-hit the re-install button.

Caerydd
10 Feb 2008, 23:35
Has anyone loaded this successfully on 3.6.8? I want to try this mod but I'm not willing to upgrade to beta just yet.
seconded. I may test it myself after work tomorrow though, will let folks know how it goes.:rolleyes:

Wayne Luke
11 Feb 2008, 17:01
I have it running on both 3.6.8 and the 3.7.0 betas. You can see the 3.6.8 version here:
http://www.swifthandofjustice.net/calendar.php

Caerydd
12 Feb 2008, 09:11
That's awesome, thanks Wayne :D

Boofo
12 Feb 2008, 10:15
Wayne, did you ever find out the Gallery replacement problem or why it is deleting the additonal CSS stuff? Just checking, sir. ;)

Caerydd
12 Feb 2008, 11:25
I had the gallery replacement crop up too, btw, although it was simple enough to just delete the replacement.

Boofo
12 Feb 2008, 11:43
That one didn't bother me as much as deleting all the additional CSS stuff I had in there before I added this. Although it threw me for a second as to where it came from. The first thing I thought is either I had been hacked, which I know couldn't have happened or an Admin changed something without telling me and they hadn't been on there before I noticed it.

bfburger
13 Feb 2008, 07:57
Anyone now how I can move the calendar jump menu to the top of the calendar using this mod. I added $calendarjump to the monthly calendar template but no luck.

Also, the additional css controls the size of the calendar number for today, but can I also control the size of all the other calendar dates/numbers? This is in monthly view. I thought changing #calendar_date {font-size: 115%;font-style:italic;} would do it but no change in monthly view.

Any help is much appreciated!

Bilderback
20 Feb 2008, 04:54
whew - that was close. You should warn people that your import deletes existing extra css additions.
I had to pull mine out of a database backup.
great add though- may want to make the CSS manual until the overwrite problem is located.
Someone with less experience will not know what hit them.

Boofo
20 Feb 2008, 05:01
whew - that was close. You should warn people that your import deletes existing extra css additions.
I had to pull mine out of a database backup.
great add though- may want to make the CSS manual until the overwrite problem is located.
Someone with less experience will not know what hit them.

I reported that a few posts up. ;)

Wayne Luke
21 Feb 2008, 18:55
I haven't had a chance to upgrade my development installation to beta 5 yet. Once I do so, I will make an updated XML file available.

Brew
02 Mar 2008, 00:44
I was going to install this but then I read that it deletes the extra CSS styles.

Is this true?

If so, is there a work around for that?

Boofo
02 Mar 2008, 00:51
It only deletes (replaces, actually) the Additional CSS entries. Just make a backup text file of anything you have in there and re-add it after installing this.

abroad
07 Mar 2008, 08:19
Installed it but if I create an "Recurring Event" the event is only saved on the first day but not at the following weeks

Caerydd
07 Mar 2008, 12:46
Installed it but if I create an "Recurring Event" the event is only saved on the first day but not at the following weeks

I get this issue too. I think perhaps follow up events would appear after each current week expires. Is this not the case?

nerofix
13 Mar 2008, 12:50
It has destroyed my header too :-(

I'm trying now to find a way to get my header back ..

Now I see why: it has deleted all my "(Customized in this Style)" CSS .. This should not happens Wayne!

Boofo
13 Mar 2008, 13:24
If you would have been reading the thread you would have seen this has happened to a few others and that you should back up your Additional CSS items. It's a good idea to keep a text file backup of those, anyway. ;)

nerofix
13 Mar 2008, 13:48
I made a backup of my style before (I thought) .. but it just made a backup of Master Style and seems there's no "Customized in this Style" include.

When importing the calendar style, it should not delete existing CSS if possible, it should only add the calendar CSS.

If it's not possible to keep existing CSS, then there should be a special info about in the install instructions.

Lucky me I had a 2 months old backup copy of my style, although its outdated, it saved my day. :)

Boofo
13 Mar 2008, 13:52
Granted, but making a backup in a simple text file of your Additional CSS items can save the day. It could happen again in another hack, you never know. I have learned the hard way to back up things like that just in case. ;)

abroad
13 Mar 2008, 14:14
and what about the events? Can I not set up an event for every week automatically anymore? Only single day event?

abroad
17 Mar 2008, 19:21
any news about the ranged events???? I mean it makes no sence to have a nice calendar view if the calendar is not working anymore...?!?

CrashPush
18 Mar 2008, 02:25
Really cool thanks.

SwollenCranium
18 Mar 2008, 02:32
Really cool thanks.

Make back ups before you use this ...seriously.

abroad
18 Mar 2008, 07:44
how can I uninstall this and get the old calendar back?Have 3.7 Beta 6 and

-"Show Today" Button is not working
-Can not create ranged events

Gemma
19 Mar 2008, 14:36
Thanks.

This will come in useful on one of my sites :)

Wayne Luke
20 Mar 2008, 17:39
The XML file has been updated and shouldn't delete your additional CSS now.

Wayne Luke
20 Mar 2008, 17:40
how can I uninstall this and get the old calendar back?Have 3.7 Beta 6 and

-"Show Today" Button is not working
-Can not create ranged events

Revert the three templates that are modified.

Boofo
20 Mar 2008, 18:16
Thank you, Wayne. Will this add the info to the end of the box or do we need to make manual edits if we have additional CSS in there already?

Wayne Luke
20 Mar 2008, 20:03
You will need to make manual edits. There is no installation code as this is not a product, just a template export.

I originally released it as an idea of how the calendar can look and was looking at incorporating it into a later to be released style based on PNG graphics and some neat HTML tricks.

Boofo
20 Mar 2008, 20:28
OK, thank you for the info. sir.

I'll be looking forward to the next incarnation of this or the style if you release it. ;)

yinyang
21 Mar 2008, 05:33
Awesome! Thank you very much!:)

Boofo
01 Apr 2008, 19:46
Wayne, this failed validation:

<td class="alt2" height="100" width="$daywidth" class="daybox">

Will this work instead?

<td class="alt2" height="100" width="$daywidth" style="padding:0px">

Jase2
01 Apr 2008, 20:49
Should do... Try it Boofo.

I haven't installed this yet, will do when 3.7 has gone GOLD.

Regards Jason :)

Wayne Luke
02 Apr 2008, 20:03
Wayne, this failed validation:

<td class="alt2" height="100" width="$daywidth" class="daybox">

Will this work instead?

<td class="alt2" height="100" width="$daywidth" style="padding:0px">

You should try:

<td class="alt2 daybox" height="100" width="$daywidth">

Boofo
03 Apr 2008, 03:31
Thanks, Wayne.

Do we even need the daybox CSS line anymore since that is the only place that uses it?

Wayne Luke
04 Apr 2008, 00:20
You don't need it.. I don't really like inline CSS myself though so try to eliminate it when I can.

dplevy
24 Apr 2008, 03:27
any way to make this work on previous versions of vb?

Wayne Luke
25 Apr 2008, 19:46
any way to make this work on previous versions of vb?
Should actually work on vBulletin 3 and up.. Just haven't tested it.

TheBlackPoet
26 Apr 2008, 20:56
kick ARSE!!!

Mr. Hoddz
29 Apr 2008, 20:52
/me clicks installed.

Kaycee123
02 May 2008, 05:31
Thank you - looks much better!!!!:D

echo2kk5
02 May 2008, 06:47
Very nice...installed in 3.7 Gold and working great. :up:

Trickster303
07 May 2008, 19:11
Much better than the original!! Works fine in 3.7.0
Thanks

JadedSouls
10 May 2008, 15:43
Works like a charm! Thank you - so much nicer on the eyes :)

BWJ
11 May 2008, 02:34
How do I translate WEEK ? (I could not it in the phrases or the templates). I guess I have not searched good enough... :)

nautiboy
20 Jun 2008, 11:22
and what about the events? Can I not set up an event for every week automatically anymore? Only single day event?
I'm having the same issue. I can't create repeating events any more. Is there any way to fix this?

Zachariah
24 Jun 2008, 16:53
Modification of the Month :D
- go Wayne !!

Mr.619
25 Jun 2008, 15:00
Nice but not XHTML valid :)

Boofo
25 Jun 2008, 15:13
Then you've changed something because it validates fine on my site.

Mr.619
25 Jun 2008, 16:06
I haven't changed anything. There are duplicate specifications of attribute "class".

Example: <td class="alt2" height="100" width="14%" class="daybox">




edit: fixed :)

Boofo
25 Jun 2008, 16:11
Well, it doesn't show up as a validation error on mine. Try changing that line to this:


<td class="alt2 daybox" height="100" width="$daywidth">

Wayne Luke
26 Jun 2008, 02:49
How do I translate WEEK ? (I could not it in the phrases or the templates). I guess I have not searched good enough... :)
WEEK is four individual letters in the template. There is no way to phrase this really. You will have to change it in the template.

Wayne Luke
26 Jun 2008, 02:50
I'm having the same issue. I can't create repeating events any more. Is there any way to fix this?

Don't know why this would cause problems with that as it is a purely cosmetic mod. What is the error that you're getting.

CNibbana
03 Jul 2008, 05:26
There are duplicate specifications of attribute "class".

Example: <td class="alt2" height="100" width="14%" class="daybox">



Same problem here. Another solution is to simply combine the class attributes:
<td class="alt2 daybox" height="100" width="14%">

Installed. Awesome mod; hope this gets integrated into the official release as it looks so much better than the regular calendar.

nautiboy
04 Jul 2008, 09:46
Don't know why this would cause problems with that as it is a purely cosmetic mod. What is the error that you're getting.
Well, I've done some playing around and I've basically figured it out.

Either I'm not remembering how it normally works, or the semantics are different now. It was my recollection that if I wanted to create an event that went from 6-9pm every 2nd wednesday, starting on aug 13th, then I would create an event with start: aug 13 6pm and end aug13 9pm. Then set the recurrence options appropriately. I believe that if I did that with the original calendar implementation it would then show an event from 6pm-9pm every 2nd wednesday. But I don't have the original calendar running now so I can't confirm that.

Regardless, with this calendar mod, if I do that, then it will only show an event on aug 13th. However if I set the end to aug 13th 2009 (i.e., a year from now) at 9pm, then it shows an event from 6pm-9pm every 2nd wednesday until aug 13th 2009.

crkgb
27 Nov 2008, 02:23
Is there any chance of creating an alternate look for the Monthly View. The one based on a Weekly View. Where days go from top to bottom.
Thank You.

benstillman
04 Jan 2009, 04:56
Wow. Works great. Thanks!

edytwinky
05 Jan 2009, 16:17
Nice!

yotsume
15 Jan 2009, 03:15
Does this work on vb3.8x?

Zachariah
19 Jan 2009, 15:21
Does this work on vb3.8x?

Yes it works


/me raises hand to 2nd the vote for default in vBulletin

dholt
22 Jan 2009, 13:54
works in 3.8.0 Very nice looking:cool:

Stanthrax
19 Nov 2009, 03:26
Hey, just wanted to say I installed this on my site and it looks good. Great mod.

ckgb
19 Dec 2013, 10:04
Would be nice to get it ported to 4.2.2

Dragonsys
18 Dec 2015, 16:31
Would be nice to get it ported to 4.2.2

edit the StyleVar calendar_events_height