I have been putting off creating something like this for so long. I appreciate the simplicity of the design you posted it did not take me a hour just to figure out what design element was embedded in another.
This will have an immediate huge impact for me.
Great Work!
Elijah Lapson

Great solution to a common problem! One suggestion, though...
By default, only the first 30 documents will be loaded and displayed in the calendar.
If you are likely to have more than 30, add "&Count=xxx" to the "OpenView" command.
Example:
"<a href=\"" + @ViewTitle + "?OpenView&Count=100&RestrictToCategory=" + @If(SelectedCategory = "";"";SelectedCategory + "~") + @Right("000" + @Text(year);4) + "-" + @Right("0" + @Text(month);2) + "\">" + textMonth + " " + @Text(year) + "</a>"

Note that the embedded view (as opposed to a $$ViewBody field) allows a "lines to display" setting, and that I have everything set to 0 (no limit). The limitation than becomes the max lines to display setting on the server doc's Domino Web Engine tab. This is but one of the reasons why I will never use a $$ViewBody field anywhere but on a $$SearchTemplate -- everywhere else, it's obsolete IMHO.

Anyone expanded on this to make a "By Week" view in addition to the "By Month" view?
Mike

As always, great job from Stan!
Not counting some simple re-arrangement/adaptation, I did the following change:
1. Added one more parameter to the JS function addEntry:
function addEntry(cellId,displayText,urlLocation,titleText,linkclass) {
......
newLink.className=linkclass;
.........
}
2. Changed the "WebCalJS" formula on "Calendar Enry" form to:
"*/ addEntry('" + WebCalCells + "','" + Subject + "','0/" + DocID + "','" + WebCalMouseover + "','" + LinkClass + "'); /*"
3. Added a "LinkClass" field to "Calendar Entry" - computed to whatever class you'd like to have
4. Added some CSS definitions to the calendar form, like:
.bluelink { color:#002080; text-decoration:None; } A:ACTIVE.bluelink { color:#002080; text-decoration:None} A:HOVER.bluelink { color:#f01010; }
The result is color-coded links on the calendar - a nice addition to already brilliant code.
Simeon

...people extending and improving ideas rather than making the mistake of thinking that code is somehow sacred. I like the classed links approach. Wish I'd though of it.

I've tacked this on to a standard calendar (straight from the R6.x mail template) but ran into a snag. Repeating entries require &date=2005-05-30 or the like in the url to open the correct instance of the repeating entry.
The only way I could figure out how to get around this was to switch from the viewtemplate to a form with a webqueryopen agent that writes in the addEntry calls. This seems fast enough, and I'm even using it for single day views, although those are not as pretty as the monthly view.
Is there a better alternative?

No need to use agents, just add the date parameter to the URL in the addEntry() function's newLink.setAttribute("href") line. You already have the dates in the cellArray variable, and the instance date inside the loop as the current cell id. You just need to replace the underscores with hyphens (or re-arrange the values and use virgules/slashes -- whatever your server is happy with).

It would appear I've attempted a Rube Goldberg solution.
Very nice work Stan. I think the only other change I made was to roll those 31 date fields into one, I didn't think an extra couple of @IFs would hurt performance too much.

When I try to test the $$ViewTemplates (in designer) using MS IE I get the following message from the server: Documents treated as HTML can not be edited. The setting s for the template forms are Render passthrough HTML in Notes, content type HTML Also how does one call the addEntry? I'm trying to use this for a intranet web app. I know a good amount about notes but not too much about javascript and HTML. Your additions to the notes forums have already helped me out quite a bit! Thanks!

When you are testing a $$ViewTemplate, never open the template. Open the view instead, and the template comes along for the ride. When you preview a form of any sort, it always opens in edit mode. Unless the form is using native Notes formatting, you will get the error you described. For $$ViewTemplates (and $$NavigatorTemplates), though, you will never get the behaviour you expect even if the form is pure Notes, since most of the behaviour will probably depend on the URL having something to do with the item being templated (the view or the navigator).

Anyone tried to convert it to ISO-style calendar? (Monday is the first day in the week)
Any suggestions on how to convert it to ISO-Style?

All that needs to change are the formulas in the fields that create the table, that is, the Spacer, Day_XX and EndSpacer fields, and the day-of-the-week table headers. It would only take a few minutes' work to make the calendar display (days of the week, language, etc.) switchable with a URL argument or a user profile document.
Please keep in mind that this is NOT an application, it's a code sample -- a "how to guide". And although the method might be called "clever", it is certainly not complicated -- the Formula Language used here is very simple. This is NOT intended to be used as-is by anyone. It says so right in the included documentation. If all you want is a Monday start date, then make these changes:
For the top spacer field, make the last line of the formula:
@If(@Weekday(StartDate)=2;"";@Weekday(StartDate)=1; "<tr>" + @Repeat(spacer; 6); "<tr>" + @Repeat(spacer;@Weekday(StartDate)-1))
For the table fields (Day_XX), change the parts that check "thisday" in the last line of the formula from "@If(thisday = 1;" to "@If(thisday = 2);" and "@If(thisday =7;" to "@If(thisday =1;".
For the bottom EndSpacer field, replace the second-to-last line of the formula with these three lines:
endWeekday := @Weekday(enddate);
reqSpace := @If(endWeekday = 1; 0; 8 - endWeekday);
allSpaces := @Repeat(spacer; reqSpace);

First of all THANK YOU for your Code. @ Stan Rogers
The Output looks awsome compared to the orig. calendar view.
Now my problem/question:
I´ve tried to adapt the "simplemonth" view to display Monday as first Day in the Week but the tipps above doesnt help me?
It seems that i´m not able to determine which of the top/end spacer field needs to be changed.
Can somebody help me with this? I´m using R5, maybe that´s the problem?
Many thanks in advance and best regards,
navien

Is there a simple way to incorporate the repeating events into the database or would it be simpler to try and copy stuff from this database into the mail/calendar db? If so, then would I just need to copy over the views and $$view templates? I am a rookie developer trying to come up with a nice notes calendar to display on the web. Any information would be greatly appreciated. Thanks in advance.

I put GreyBox code into the calendar, and I ALMOST have it working. Loaded the Greybox js libraries, added an attribute to the link... now I have a fancy pop-up event display without leaving the calendar (think Google calendar when you click on an event). But the document won't load in the window ("Unknown command exception"). I see some issues, but I can't figure out where/how to fix them.
I can offer up some screenshots, or find a place to put the database (here?). Firefox's web developer toolbar has been a huge help. But I think I'm trying to run with the "big dogs"... and I'm not even remotely qualified.
http://orangoo.com/labs/GreyBox/
Let me know how I might go about sharing my database and the issue I'm having. I'd love for this to work for everyone who'd want it. I tried several other AJAX solutions, but this one seems to play best with the existing Open WebCalendar app.

I found (sort of) the error, and have a working model now. If you've ever tried to use javascript code that looks for the .com extension, only to find .com and .nsf because it's Domino, then you know what my issue is/was. I didn't fix the code - I simply put some files outside of Domino.
I'm now using GreyBox and OpenWebCal to show entries my users create in the Notes client, but view on the web. On the web, entries pop open right on the page, so you never leave the calendar. It's nice. Next I hope to spiffy it up with a new stylesheet.

I too am getting that error with GreyBox. Should I just put the greybox files in the lotus/domino/data/domino/html directory?
Thanks!

Right or wrong, I wound up placing some of the files outside the database, yes.
Then in first line of the gb_scripts.js I put:
var GB_ROOT_DIR = "http://www.mywebsite.com/My_Calendar_Subdirectory/";
I placed the following files out in the My_Calendar_Subdirectory:
AJS.js
gb_scripts.js
loader_frame.html
all of the GreyBox image files
I also put those two js files in my script library and the images in my image resources. I think some or all are being referenced in both locations. (Some things would break if I removed them from one or the other location).
I tried putting the loader_frame.html in a page in the database, and naming it that, but it didn't work. I think everything could be contained in the database if I could figure out how to get the JS to not get hung up on the .nsf in the URL. So for now, it's not pretty under the hood, but it works. :-)
One last thing - make sure your url matches the GB_ROOT_DIR. www.MyNotesServerName.com may resolve to www.mywebsite.com, but the scripts don't know that, so your entries won't load if you use the first URL. Not sure that's clear.
Let me know if you have further questions.

http://i26.photobucket.com/albums/c141/IndianaGrl/screenshot-1.gif
Here's a screenshot of my calendar as it appeared in testing. Not sure how OpenNTF handles html, so just copy and paste the link into the address bar.
As always, feel free to ask questions.

Did you have any issues with IE? For some reason it isnt working in IE6 or IE7 for me. I had to do as you and Adam did by putting the js files in the /html directory. Thanks for your work!

I don't recall any browser-specific problems. What's happening in one browser that isn't in IE6/7?

Firefox is working just fine, IE6/7 isnt working at all and no errors. Just acts as if I never put any of the greybox code in. I inherited this application from someone else before me and there is some minor modification but nothing that looks browser specific. Obviously (i tested) greybox works in both IE and firefox so I thought maybe it was something else.
Thx
Ger

It's been a few weeks, so it's hard to call up what worked and didn't.
So in IE the calendar loads the events for each date, but when you click on one, it opens the form the "old" way - like target="_top", instead of in the pop-up?
Can't guarantee I can look into that right away, but if I think of anything I'll certainly let you know.

Thats exactly the behavior. I appreciate anything you can offer...even if its just a basic browser test in IE.
Thx!

I'm getting somewhere. But I'm not quite there yet.
I think the issue is the 'rel' attribute. Karen, how did you include the 'rel' attribute? I added the following line to the addEntry javascript function.
newLink.setAttribute('rel', 'gb_page_center[500, 500]');
This works in Firefox but no go in IE. I'm hoping you achieved this a different way...otherwise I have a different problem - lol.
Thanks in advance for you or anyone who can help me!
Gerry

var newLink = document.createElement('a');
newLink.setAttribute('href',urlLocation);
newLink.setAttribute('title',titleText);
newLink.setAttribute('rel','gb_page_center[340, 280]');
var newText = document.createTextNode(displayText);
newLink.appendChild(newText);
cell.appendChild(newLink);
It looks like yours and my rel attributes are set up the same.
Firebug's a help, and Firefox's 'Web Developer's Toolbar' has a 'View Generated Source' which helps, too, if you haven't tried it.
Did I mention somewhere that I couldn't get it to work without a www URL address?
var GB_ROOT_DIR = "http://www.mywebsite.com/calendar/" is what I used.
When I tried:
var GB_ROOT_DIR = "http://intranet.mywebsite.com/calendar/", it wouldn't work. I searched forEVER for that code in the jscript that was parsing that www, but couldn't find it.

I'm just getting back into non-moron mode, and have downloaded the GreyBox code. Frankly, I can see no reason why any code should need to live outside of the database (other than to eliminate storage duplication) -- the entire application should be CTRL-N-deployable, right? I'm going to give the code a good going-over and see what fixes it needs to work without requiring any hoop-jumping, etc. (Luckily, JavaScript allows overrides and patches inline.)
I'll be looking at version 5.40, and when I've got the fixes in place, I'll add another ZIP file to the main entry.

Welcome back, Stan. You're going to point out one obvious line of code, we'll all nod and feel like idiots, and then it'll work like a charm (inside the database, where it should). But thanks. ;-)

I haven't actually tried to get Greybox working with the calendar but have it working with standard links and to be honest, I'm not too impressed with it's performance. I had to hack it a bit in order to get the full screen to work properly in IE. Also, having to put files outside of the database really has become an issue as I don't have direct access to our production servers.
I'm going to try this one out in a bit but it's being billed as the best "Lightbox" implementation yet. Very extensible and easy to implement. You might want to give it a try if Greybox just isn't going to work out:
http://stickmanlabs.com/lightwindow/

for your code post Karen. Just curious, which version of IE does your calendar work in? I have 6 and a 'standalone' 7 version that I am not 100percent positive works correctly. I will try the root_dir thing but I believe its ok since it works in Firefox.
Look forward to you checking things out for us Stan. I haven't had a chance to go through the code in depth and was looking for a simple plug n play solution for a quick turnaround.
Adam, appreciate your post as well...it seems if you are up on running in IE as well that there is something different with my version. I inherited this, so I am not sure what changes were made to Stans original template. I'll take a look at the lightbox link... I tried another greybox implementation, called greybox redux. Basically it is a light-weight version of greybox, but doesn't work as nicely as greybox for me (every first click on the calendar entry brings up a blank window, but then everything after that usually comes up).
Maybe it will be best to start from scratch?
Karen, I like the look of your calendar, would you mind sharing your style sheet? I'm having issues styling the empty cells. If not, thats ok...
Gerry

I gave up. LOL. I am pursuing an alternate route altogether where I am using a view with the "Calendar" style chosen. Then I grabbed a nifty stylesheet from the sandbox that gives it that 'inotes' type look(this will probably get changed). This is giving me a greater amount of control over the link attributes and I have successfully setup greybox. Nothing against Stan, its a brilliant piece of work...this route was just a bit simpler and in some respects more customizable for me.
Thanks everyone for your help!

have a problem on the calendar, i changed the formula as instructed by Stan
however, when i run it, april 2007 is correct but may 1, 2007 moved on Wednesday instead of Tuesday
heres the instruction from Stan
"For the top spacer field, make the last line of the formula:
@If(@Weekday(StartDate)=2;"";@Weekday(StartDate)=1; "<tr>" + @Repeat(spacer; 6); "<tr>" + @Repeat(spacer;@Weekday(StartDate)-1))
For the table fields (Day_XX), change the parts that check "thisday" in the last line of the formula from "@If(thisday = 1;" to "@If(thisday = 2);" and "@If(thisday =7;" to "@If(thisday =1;".
For the bottom EndSpacer field, replace the second-to-last line of the formula with these three lines:
endWeekday := @Weekday(enddate);
reqSpace := @If(endWeekday = 1; 0; 8 - endWeekday);
allSpaces := @Repeat(spacer; reqSpace);"

I've come across a limitation in the number of events in a month (no, I don't have any line limits in the hidden view). We have a busy month of May, but anything over event #30 won't show. If I remove any of the first 30 events out, then event number 31 will show up on the calendar. I'm not talking the date May 30, I'm talking 30 events, on any day of the month.
Every event shows up in the hidden view (in the view and on the $$viewtemplate. But the javascript will not generate it on the calendar.

Anyone else? I wrote 2 paragraphs of content a week or so ago and lost it all.

There seems to be an issue (not AJAX-related), to the number of events or entries one can have in a month, on the calendar. 29 is all that will show in the web calendar in any given month. All 44 that I have listed are in the view, and in the hidden embedded view on the template form, but the JS won't generate past the 29th entry. If I take one off, another will show, but it can't be more than 29.
Oh, and the view is set as directed - display properties for the view are "Display using View's display property", no limit on lines to display, and deselect "Show header". The view, itself, is set to "Treat view content as HTML".
Suggestions? I'll keep looking at the code...

Although I had the hidden embedded view, with the number of lines to display at 0, as instructed, I was still not being shown more than 30 entries (even though there were there in the view). I set the number of lines to display to a number I felt would accurately allow for enough entries (we had 44 in May, and they weren't all showing). Now all of my entries are showing.
This isn't AJAX-related - it goes back to an earlier posting here.

Hey, I really like this calendar so far, but I'm having a problem getting it to work.
I'm using the CalcMonthly and I've customized it for my database. When I look at the view in notes client, I am getting all the correct documents to display in the correct format. However, when it opens using "$$ViewTemplate for CalcMonthly" on the web, the view always returns "\<h2>No Documents Found\<\h2>"
Here's a particularly interesting part. If I remove the hide when from the embedded view and look at the code for the first HTML page (the one which forces a redirect) the view finds and displays it documents. So, it's something below the second set of HTML and BODY tags which cause the view to not return any documents.
Any ideas out their, this is a really weird problem.

Hey, I really like this calendar, but I'm having a hard time getting it to work correctly.
I'm using the CalcMonthly view and I've customized it to display my info correctly. When the view is previewed in designer or viewed in the client, every documents displays correctly. However, when I open it on the web using "$$ViewTemplate for CalcMonthly" the view only returns "\<h2>No Documents Found\<h2>".
Here's the interesting part. If I remove the hide when from the embedded view and view HTML source for the first HTML page rendered (the one that does the js redirect, ie; the query string is invalid) then the view finds all of documents. Once it redirects and corrects the query string, the view no longer works. So, it's either something to do with the query string or the code below the second HTML and BODY tags.
I'd really appreciate some help. This quite an odd problem for me.

I agree with Nicholaus.....The calendar looks great, although I am also unable to see any documents on the web- only in client.
Has the Template been adjusted in anyway recently??
I would be greatful for any suggestions.

So..now that I have a nice ammount of egg on my face!!!!!!
I am ashamed to admit that I was suffering from 'User.bif' just now!!!
So of course once you replicate this Db onto a web enabled server...as if by magic...all entries are visable!!!!
Sorry for wasting your time!!!!
Looks really good though!!!

Gerry,
So sorry for the delay in responding. I posted here, and wasn't seeing my posts. Then I kept getting notified that others were posting, but when I stopped by, there weren't any. Strangeness. Anyway, if you're still interested in my stylesheet, contact me and I'll send it (I used one for the calendar and another for the entries - too much to post here). kdemerly at gmail dot com.
Andrew,
Been there, done that. Welcome to the club. lol
Nicholaus,
In Firefox, you can use the Web Developer Toolbar add-on and do a View Generated Source - that might help. I'm afraid I don't have much more to offer, or time to look further, at this point.

Yeah, it seems that I screwed the calendar up. I accidentally uncategorized the 2nd column of the view. This caused it to return no documents for some reason.
Thanks though. Works really great now!

Hello Simeon.
I know it was a while ago, but can can you elaborate on your post for a newbie :-)
I got 1 no probs:
1. Added one more parameter to the JS function addEntry:
function addEntry(cellId,displayText,urlLocation,titleText,linkclass) {
......
newLink.className=linkclass;
.........
}
Got 2 too:
2. Changed the "WebCalJS" formula on "Calendar Enry" form to:
"*/ addEntry('" + WebCalCells + "','" + Subject + "','0/" + DocID + "','" + WebCalMouseover + "','" + LinkClass + "'); /*"
I don't get 3 at all, so add a field to 'Cal Entry'(no probs), how do you mean computed to whatever class??????????:
3. Added a "LinkClass" field to "Calendar Entry" - computed to whatever class you'd like to have
Can you give details of 4, so I think you mean add some CSS to Shared resources/Style Sheets in designer, right??:
4. Added some CSS definitions to the calendar form, like:
.bluelink { color:#002080; text-decoration:None; } A:ACTIVE.bluelink { color:#002080; text-decoration:None} A:HOVER.bluelink { color:#f01010; }
So if Simeon or anyone else could help i'd really appreciate it, as this sounds really good.
Many thanks
Andrew

To Andrew's questions:
3. "LinkClass" is computed, text field, with formula like:
@If(Completed = "Completed"; "greenlink"; "bluelink").
4. No, not as shared resource; I added the new CSS definitions to one of the forms Stan designed;
It was pure HTML form, so it did not make sense to use external style sheet.
My 2 definitions were:
.bluelink { color:#002080; text-decoration:None; } A:ACTIVE.bluelink { color:#002080; text-decoration:None} A:HOVER.bluelink { color:#f01010; }
.greenlink { color:#00a080; text-decoration:None; } A:ACTIVE.greenlink { color:#00a080; text-decoration:None} A:HOVER.greenlinklink { color:#f01010; }
HTH,
Simeon

Hi Simeon.
Thanks for clarifying those points :-)
That really does work well.
Excellent stuff!!!
All the best Andrew

Hello yet again.
Without wishing to face a ban from you fantastic forum, for just being a pain in the butt, I have the following question.
I can customised your template to fit inside an existing calendar of mine.
Can you please confirm how and where the 'All' Category picks up from, as my problem is that any new entry's are now only visable under their own category selection and are excluded from the 'All' cat.
If anyone has any ideas, i'd be very greatful :-)
Mant thanks.
Andrew

You mention only new entries having this problem. Are you bumping up against the max number of entries?
As I mentioned on here back on May 1 - "Although I had the hidden embedded view, with the number of lines to display at 0, as instructed, I was still not being shown more than 30 entries (even though there were there in the view). I set the number of lines to display to a number I felt would accurately allow for enough entries (we had 44 in May, and they weren't all showing). Now all of my entries are showing."
Maybe when you choose All, there are too many?

Hello Karen.
Thanks you for your speedy reply.
I'm kicking myself here!!! I did ready that post when I first looked at this template.
I must have mis-understood it, as your completly correct!!! This embedded view was set to zero, and increasing the number of lines bring all of my entrys in.
Fantastic!!!
Thanks again.
Andrew

So...the issue continues :-)
After Karens last post, this suggestion did solve the issue at first glance.
Although now I have entire Months with no values- Randomly October, July and April.
Even though there are valid entrys for these months??As they appear in the CalcMonthly view.
Any futher ideas you clever bunch???
Many thanks
Andrew