All about Lotus Domino Development (AaLDD)

Mimicing the tabbed table function

Posted in @Formula, Show N Tell Thursday, development, lotus notes, sntt by quintessens on March 20th, 2008

tab1The problem with the Notes tabbed table is that you can not, by default, add an action when you click on a tab.

I created a tabbed table function in the way you probably would do it on the web (with hidding/showing divs) so a tab is just a table column with a text hotspot in it. When you click on the text a different table would be shown with an ‘active tab’ highlighted:

dialogbox

The reason for this solution is that the form is presented in a dialogbox and I have to set a parameter from which tab the user has selected a document-template (templates may be stored in different databases).

So how to fix this with a Notes tabbed table outlook?

First create images for all active tabs:

tab1 & tab2

Then sharpen your eyes (or use good photo-editor program) and select a part of the horizontal row/border that aligns the table to the width of the page (correctly described?):

This is an enlarged example:

zoomed

Now place your tabbed images in separate tables, give the table a background color and a cell image of the ‘zoomed’ example:

 table properties

On your ‘tabbed’ images you place hotspot rectangles that will do the hide/when-work. Here you can write now also the action that is not possible for a normal ‘tabbed table’:

hotspot formula

At the end the result will look something like this:

result tabbed mimic

Build - Improve - Extend

Posted in development, lotus Domino, lotus notes by quintessens on March 5th, 2008

the view

Dive deep into the significant changes to development that Notes and Domino 8 brings. This seminar is guaranteed to shorten your learning curve through detailed explanations, live demos, practical examples, and working code to quickly get you up and running with ND8 development.

Copenhagen, DK April 9 - 11

I just received green light to register myself for this event. See you there? Looking forward!