UI Example LN application

Even though Notes 8.5.1 can be expected soon reality learns us however that a lot of users are still on versions 7 or even 6. Ofcourse you could use the limitations in the UI as an argument to force them to upgrade to newer versions of Notes, but then still a lot would run the basic client, not the standard one, so nice looking Java Views are still a long way to go.

I wrote before something about UI’s in Lotus Notes but now I was thinking about adding an example so those who are interested can test it and give feedback or use it for their projects. Whatever.

Here is the link to the download. Below you can find some snapshots of the UI:

Notes View used as horizontal menu
Notes View used as horizontal menu
Collapsible Vertical Menus
Collapsible Vertical Menus
Vertical Menu placed in preview pane
Vertical Menu placed in preview pane
Preview on bottom by default
Preview on bottom by default
Option to switch place for preview pane
Option to switch place for preview pane
Form example 1
Form example 1
Form example 2
Form example 2
Form example 3
Form example 3
Form example 4
Form example 4

Well hopefully one day we have a “CSS Zen Garden” equivalent somewhere one OpenNTF where people can post good UI examples. Further may we say:

with every Notes Client installation with a version of Notes 7 or older a kitten dies?

faster pussycat
faster pussycat

14 thoughts on “UI Example LN application

  1. Patrick 2009-August-29 / 7:54 pm


    Looks good. The Basic client is going to be with us for a much longer time that IBM would want.

  2. Sven 2009-August-30 / 12:41 pm


    looks great but when I try to open the file it says “invalid notes version”
    I have 7.01.

    • Patrick Kwinten 2009-August-30 / 1:17 pm

      hmmm…. I saved it with Designer on 8.02 😕

  3. Palmi 2009-August-30 / 8:13 pm

    I like this framework and like to take this to Xpages with same functions. am going to try.

  4. Uwe 2009-August-31 / 9:00 am

    I tried to download the file. But this damn site always says “your download slot has expired” :-((

  5. Ralf 2009-August-31 / 2:06 pm

    does not work on my notes 7

  6. tom 2009-September-3 / 2:43 pm

    I was surprised by your use of environment variables just for the UI (boxes on the left).

    Is that really a best practice we want to introduce to new(ish) developers?

  7. Patrick Kwinten 2009-September-3 / 8:27 pm

    @tom: feel free to come up with other suggestions, I do not want to create profile files for everyone…

  8. Patrick Kwinten 2009-September-3 / 9:15 pm

    apologies… the database was initially created with a 8 client =)

    I have updated the link, it should point now to a real Notes 7 database…

  9. Giulio 2009-September-4 / 2:11 am


    Nice and clean is never out of style. I really like it, and I am sure general users would think the same.

    The frameset management is a little complicated and it seems to be geared at Notes 7.0.3. Re-saving the design elements in a version 7 client should fix some of those Notes prompts indicating version incompatibility. (Signing will not do it, each design element must be re-saved.) Perhaps using the “Recompile All Lotusscript” may be do it (?)

    Rather than use environment variables to switch the boxes, try a couple of fields on the form to do the job instead.

    Any opportunity to avoid writing to disk should be taken. Make sure though that form is “Available to public access users” so users who are just readers can use the form.

    I would prefer to exploit outlines as it’s a native feature and doesn’t require alot of work to customise like the collapsable boxes. But still it works quite well and smoothly. I particularly like your use of a view to implement the “Application” and “Document” options.

    Decent UI design in the Notes client has been a huge un-exploited opportunity. I suspect had this been promoted earlier, the “Notes is legacy” / “Notes sucks” whiners would never have made as much impact as it did in the last couple of years.

  10. James Tan 2009-September-22 / 11:47 am


    Thanks for the database. The design look sweets.
    I can’t download from the file. I try to download the link, the link keep redirect to main url.

    I would like to try the template. Appreciate if you could provide another download link.


  11. Manfred Meise 2009-October-7 / 11:25 am


    i tried to download this great looking example. Unfortunatly the download limit has exceed and you have to either re-upload or mail the attachment.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s