Previous Topic

Next Topic

Book Contents

Book Index

How to display my images in a Notes view

II2LN has a powerful feature that let you import images and make them visible directly in the Notes views. Below you see a snapshot of this;

Linked/Linked GIF - II2LN

The snapshot above shows imported images directly in the Notes views! How do you do that ?

  1. Use the function ImportImageAsResource to import and prepare the image for display in Notes views.
  2. The ImportImageAsResource function will automatically create a set of extra fields in the Notes document. These fields are prefixed with the fieldname you specified as thumbnail-fieldname. If that was "XYZ", you will have these three extra fields;
    1. XYZFilename - the filename of the Image Resource itself.
    2. XYZWidth - the width of the thumbnail in pixels
    3. XYZHeight - the height of the thumbnail in pixels
  3. II2LN will also automatically create a rich text field ("XYZ" in our scenario) and establish the reference to the image resource.
  4. Create a standard Notes view.
    1. Ensure that your view properties has the Height set to 9 lines, and that you have checked the "Shrink rows to content"

      Linked/Linked GIF - II2LN

      This enables our view to show images taller than one line!
    2. Determine where you want your thumbnail to be displayed. In the snapshot below, the thumbnail is in the first column:

      Linked/Linked GIF - II2LN
    3. Create a column that is wide enough to display your thumbnail
    4. The formula for your column is the field name you specified as the thumbnail-field name. In our example it would have been "XYZ".
    5. Make the column display it's value as icons
    6. Add another "height adjuster column". This is just a column that will add some empty spaces so we gain enough room for our image. The column can typically be the last column -unless- you make a categorized view. Then this column has to be just in front of the thumbnail column.

      To have a formula add some space for you, you can for example use this formula:

      REM {Ensure the row is high enough};
      n := @Round (ThumbnailHeight / 40 +0,5);
      s := @Repeat(" @"; n);
      @Explode(s; "@")


      Note that the field ThumbnailHeight represents the autogenerated field with the thumbnail prefix above! In our scenario this field would have the fieldname "XYZHeight".

  5. In order to make Notes refresh properly and thus display your imported image in the view, add the following LotusScript code after the ImportImageAsResource-call:

    Dim ws As New NotesUIWorkspace
    Call ws.ViewRefresh
    Call ws.ReloadWindow

See Also

Appendix

Dots Per Inch - DPI

Image Resource - what is it ?

How to specify colors ?

Notes Embedded Image - what is it ?

NotesPeek

Support for EPS, PS and PDF files - Ghostscript Support

The most common EXIF tags

The most common IPTC tags

Troubleshooting

What version of VCII2LN.DLL is installed ?