Search DominoPower's 11,441 Lotus-related article archive 
Home
EasyPrint
News details Click here for the RSS feed's XML code. This is not a browser URL.
Articles-only Click here for the RSS feed's XML code. This is not a browser URL.
Twitter Feed Click here for the Twitter feed.
DOMINO WEB COMPONENTS
Build a Domino pop-up calendar widget using formula language
By Daniel Koffler

Although available when programming for the Lotus Notes client, Domino does not provide any built-in widget or applet that lets Web client users easily select a date from a calendar to fill in date-based fields. As it stands, most Domino forums and programming guides advocate installing a 3rd party JavaScript or Java applet-based calendar.

This is wholly unnecessary as the Lotus Formula Language has amazing date handling functions that will let you easily build a customizable and reusable popup calendar in any web accessible Domino database.

The theory of calendars
That calendars and date calculation seem like an arcane science to most is no surprise if you have ever examined the Java or JavaScript behind your favorite popup calendar.

In reality, building calendars is relatively simple when you understand how they are organized. Every calendar is simply a table consisting of seven columns (the days of the week) and between four to six rows depending on what day of the week the first of the month falls on and how many days are in the month. You can see a sample calendar in Figure A.

FIGURE A


Every calendar is a grid of seven columns and four to six rows. Roll over picture for a larger image.

You can think of the rows as "how many Sundays are in this month?" Look at any monthly calendar and you'll see what I mean, the only tricky part is figuring out what day of the week corresponds to the first of the month. The Lotus Formula Language makes this easy, we'll build most of the calendar in under 10 lines of code.

Basic setup
First, we'll create a new form in Domino Designer called "MyForm" to hold the date field we want to update with the popup calendar. Create a date field on this form named "MyDate". Next to this field on the form type the following code and make it "Pass through HTML":

<a href="javascript:popCal('MyDate')">Calendar</a>

This will create a link in Web browsers viewing this form that will call the JavaScript function popCal and pass it the name of the field to updated, in this case "MyDate". When users click the word "Calendar" when viewing the page, a pop-up calendar will appear and by selecting a date in the calendar, the "MyDate" field will be updated, as shown in Figure B.


1  ·  2  ·  3  ·  4  ·  5  ·  Next »
Other articles you might like
Home > Lotus Technologies > Domino (77 articles)
   More about Domino log files
   Why your log.nsf might not be purging properly
   Sloppy analysis at the core of another Domino vs. SharePoint report
Get Weekly Email Updates
Subscribe to our regular weekly email newsletter. It's packed with tips, reviews, deep analysis, and the latest news.
 
Recent DominoPower Articles
Application development, William Shatner, and the origin of the universe
Learn Domino Designer 8.5 for free
The (near) future of Sametime, Quickr, Connections, and Symphony
Inside the IBM Innovations lab
Lotusphere 2010: Hot fixes and cool news for Notes, Domino, and LotusLive
Lotusphere 2010: mobility and collaboration
2010: A Lotusphere of change
Latest Lotus Headlines
Xpages not loading? JVM errors? - Solution
How to implement an iCalendar feed into your Notes calendar with XPages
DWA Hotfixes for Domino 8.5.1FP1 - A Gotcha
IBM Adds DB2 to Lotus Foundations SMB Package
SNTT : XPages onclick Ghosts in the machine
Ports used by Lotus Sametime 8.5 servers
Exploring a Domino Date Bug
>> Read all the news
More from the ZATZ journals
Computing Unplugged: The iPad defenders have spoken
David Gewirtz Online: CNN commentary and analysis
OutlookPower: More about disappearing text
-- Advertisement --

Learn Notes and Domino 8 at your place and pace!
Learn Notes and Domino in your office and/or home! TLCC's highly acclaimed distance learning courses for users, developers, and admins will enhance your career and your resume.

The many included activities and demos will make you a pro! Expert instructor help is a click away.

Click here to try a FREE demo course!!

-- Advertisement --

Mark your calendar for in-depth Lotus training, May 12-14, Boston
Join experts and peers May 12-14 in Boston for educational and networking events that deliver real-world Lotus training so you can increase productivity and efficiency in your company, advance your skills, and squeeze the most from your current environment. One registration gets you into THE VIEW's Admin2010 and Lotus Developer2010.

Register by April 10 to save $200.
ZATZ Home  ·  News  ·  Back Issues  ·  Credits/Trademarks ·  Link To Us
Copyright © 1998-2010, ZATZ Publishing. All rights reserved worldwide.
Editor's Login