Skip to main content link. Accesskey S

XPages Wiki

Submit Search

XPages Wiki Documentation

Images

ShowTable of Contents

Introduction

Images can be inserted into content using wiki markup.

You also need to attach the image to the document either using the attachments section in the web browser editor, or the attachments section in the Notes client (click Show attachments when in edit mode).

test

Basic Image

The markup for basic image insertion is:

{{image.jpg|title}}

Where "image.jpg" is the name of the image file and "title" becomes the value of the HTML title attribute and the HTML alt attribute on the image.

Image with extra html formatting

To add some further html attributes such as align, then this can be done like:

{{image.jpg|title|align="right"}}

Site Images

Site images are images that are added to the application via the Lotus Notes client interface. They are under Advanced > Site Images. These are referred to using:

[[Media:image.gif|title|optional align="right" html]]

Example of Basic Image Markup

{{domino-icon.jpg|Domino Icon| align="left"}} {{domino-icon.jpg|Domino Icon| align="right"}} 

Domino IconDomino Icon
When aligning an image to the left or the right, the CSS float is used so that the text flows around the image. In this example the image is inserted twice; first aligned to the left and then aligned to the right, followed by this text. This results in the text appearing between the two images.
Domino IconThis is an Example.Domino Icon