Calendar Enhancements - Updated Monthly Calendar View [Archive]

Wayne Luke

12-18-2007, 10:00 PM

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".https://vborg.vbsupport.ru/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:
https://vborg.vbsupport.ru/showthread.php?t=129088

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

ssvp

12-19-2007, 11:29 PM

Excellent.. Worked like a champ.

Snake

12-20-2007, 03:36 PM

Thank you!

TheMilkCarton

12-21-2007, 04:02 PM

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

12-21-2007, 07:30 PM

OMG THANK YOU.

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

C.ooder

12-21-2007, 08:44 PM

Thank you .. nice work

Mixibiza

12-22-2007, 02:36 AM

Nice... installed :)

Wayne Luke

12-26-2007, 03:10 PM

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

12-26-2007, 03:50 PM

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

12-28-2007, 04:00 AM

Reeve of shinra

12-28-2007, 04:48 AM

very clean looking!

Wayne Luke

12-28-2007, 02:19 PM

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

12-30-2007, 01:31 PM

Installed on all 3 of my styles. Just makes sense and looks great. Thanx.

Tungsten

01-03-2008, 02:11 PM

Nicely done! *installed*

gator777

01-03-2008, 03:20 PM

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

01-03-2008, 03:32 PM

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

01-03-2008, 06:36 PM

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

01-04-2008, 01:48 PM

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

01-04-2008, 06:15 PM

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

01-04-2008, 06:54 PM

If I try and reinstall again, is there a quick way to undo the template edits? I really like the design :)

IvyKeepMommy

01-04-2008, 06:59 PM

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

01-04-2008, 07:02 PM

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

01-04-2008, 09:54 PM

I'll see if I can come up with a template conditional for compatibility this weekend.

DrKNickel

01-21-2008, 08:01 AM

Any news on this one? I am using farcasters mod too :)

Greets

Wayne Luke

01-21-2008, 04:50 PM

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

02-08-2008, 03:12 PM

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

02-08-2008, 09:41 PM

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

02-08-2008, 11:50 PM

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

02-09-2008, 12:28 AM

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

02-10-2008, 09:35 PM

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

02-11-2008, 03:01 PM

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

02-12-2008, 07:11 AM

That's awesome, thanks Wayne :D

Boofo

02-12-2008, 08:15 AM

Wayne, did you ever find out the Gallery replacement problem or why it is deleting the additonal CSS stuff? Just checking, sir. ;)

Caerydd

02-12-2008, 09:25 AM

I had the gallery replacement crop up too, btw, although it was simple enough to just delete the replacement.

Boofo

02-12-2008, 09:43 AM

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

02-13-2008, 05:57 AM

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

02-20-2008, 02:54 AM

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

02-20-2008, 03:01 AM

Wayne Luke

02-21-2008, 04:55 PM

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

03-01-2008, 10:44 PM

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

03-01-2008, 10:51 PM

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

03-07-2008, 06:19 AM

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

03-07-2008, 10:46 AM

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

03-13-2008, 10:50 AM

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

03-13-2008, 11:24 AM

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

03-13-2008, 11:48 AM

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

03-13-2008, 11:52 AM

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

03-13-2008, 12:14 PM

and what about the events? Can I not set up an event for every week automatically anymore? Only single day event?

abroad

03-17-2008, 05:21 PM

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

03-18-2008, 12:25 AM

Really cool thanks.

SwollenCranium

03-18-2008, 12:32 AM

Really cool thanks.

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

abroad

03-18-2008, 05:44 AM

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

03-19-2008, 12:36 PM

Thanks.

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

Wayne Luke

03-20-2008, 03:39 PM

The XML file has been updated and shouldn't delete your additional CSS now.

Wayne Luke

03-20-2008, 03:40 PM

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

03-20-2008, 04:16 PM

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

03-20-2008, 06:03 PM

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

03-20-2008, 06:28 PM

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

03-21-2008, 03:33 AM

Awesome! Thank you very much!:)

Boofo

04-01-2008, 05:46 PM

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

04-01-2008, 06:49 PM

Should do... Try it Boofo.

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

Regards Jason :)

Wayne Luke

04-02-2008, 06:03 PM

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

04-03-2008, 01:31 AM

Thanks, Wayne.

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

Wayne Luke

04-03-2008, 10:20 PM

You don't need it.. I don't really like inline CSS myself though so try to eliminate it when I can.

dplevy

04-24-2008, 01:27 AM

any way to make this work on previous versions of vb?

Wayne Luke

04-25-2008, 05:46 PM

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

04-26-2008, 06:56 PM

kick ARSE!!!

Mr. Hoddz

04-29-2008, 06:52 PM

/me clicks installed.

Kaycee123

05-02-2008, 03:31 AM

Thank you - looks much better!!!!:D

echo2kk5

05-02-2008, 04:47 AM

Very nice...installed in 3.7 Gold and working great. :up:

Trickster303

05-07-2008, 05:11 PM

Much better than the original!! Works fine in 3.7.0
Thanks

JadedSouls

05-10-2008, 01:43 PM

Works like a charm! Thank you - so much nicer on the eyes :)

BWJ

05-11-2008, 12:34 AM

How do I translate WEEK ? (I could not it in the phrases or the templates). I guess I have not searched good enough... :)

nautiboy

06-20-2008, 09:22 AM

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

06-24-2008, 02:53 PM

Modification of the Month :D
- go Wayne !!

Mr.619

06-25-2008, 01:00 PM

Nice but not XHTML valid :)

Boofo

06-25-2008, 01:13 PM

Then you've changed something because it validates fine on my site.

Mr.619

06-25-2008, 02:06 PM

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

06-25-2008, 02:11 PM

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

06-26-2008, 12:49 AM

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

06-26-2008, 12:50 AM

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

07-03-2008, 03:26 AM

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

07-04-2008, 07:46 AM

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.