Use the Image Web component to insert an image on the page.
General tab (iwcl:WImage)
- Name
- Enter a unique identifier for the IBM® i Web component. Do not use blanks or hyphens in a name. See Rules for IBM i Web component names and values.
- Image file
- Enter the relative or absolute path for the file name identifying the
image that is to be used. In the Web interaction wizard, you can map the image
Web component to an output parameter. This value is appended to the Image
file attribute to determine the image location. If your images are in the
WebContent folder, you can leave Image file blank.
If your images are in a subfolder of the WebContent folder, you put that folder
name in the Image file field followed by a slash (/).
For example, if your images are in a folder named images,
you put images/ in the Image file field.
- Alternative text
- Enter the text description to be displayed in place of the Web component
when it cannot be loaded.
- See Text string substitution for IBM i Web component labels for
information about externalizing text strings for text substitution purposes.
- Width
- Specify the width of the Web component when it is displayed in a browser.
- Height
- Specify the height of the Web component when it is displayed in a browser.
- Border
- Specify the thickness of the border surrounding the Web component.
- Alignment
- The options for alignment of the Web component pertain its alignment in
relation to surrounding elements on the page. Alignment values fall into horizontal
and vertical alignment categories.
The values for horizontal alignment
are
Left and
Right, where:
- Left
- Places the Web component down and to the left of the surrounding text.
Subsequent text wraps around the right side of the image.
- Right
- Places the Web component up and to the right of the surrounding text.
Subsequent text wraps around the left side of the image.
The values for vertical alignment are:
Top,
Text
top,
Middle,
Absolute middle,
Bottom,
Absolute
bottom, and
Baseline, where:
- Top
- Aligns the top of the image with the top of the tallest item in the line.
- Text top
- Aligns the top of the image with the top of text in the line.
- Middle
- Aligns the baseline of the current line with the middle of the image.
- Absolute middle
- Aligns the middle of the current line with the middle of the image.
- Bottom and Baseline
- Both align the bottom of the image with the baseline of the current line.
- Absolute bottom
- Aligns the bottom of the image with the bottom of the current line.
- Initial state
- Hidden indicates that the Web component is not
visible on the page.