Image builder inputs - Portlet Factory v6.1.2

Portlet Factory, Version 6.1.2

Image builder inputs

This topic describes the inputs for the Image builder.

Table 1. Image builder inputs
Input name Description
Name Name for this builder call. The WebSphere Portlet Factory Designer displays this name in the builder call list.
Page Location Page or pages on which this builder call acts.
Alternatively, you can enter the page location syntax directly.
Image Source Specify the URL to the image to be added to the pages in the model. An image can be specified in the following ways:

Absolute

http://myworld.com/~jdoe/mypics/image1.jpg

Relative

/files/images/mypics/image1.gif

Indirect Reference

${Variables/ImageName}
Where ImageName references a variable containing a string value such as /Images/myimages/image3.gif

The indirect reference may also be used to call a method. For example, if you have a getImage method in your model, you can select it using the MethodCall picker ${MethodCall/getImage}. This method must return a string that contains the image file name relative to the servable content directory. For example, /Images/myimages/image3.gif. If you are displaying rows of data using Data Page and want to vary the image based on some criteria related to the row, you can use the xxxxLoopVar variable in your method to fetch data related to the current row. The LoopVar variable name is based on the variable data that the Data Page builder is operating on.
Alternative Text This setting corresponds to the HTML image tag alt= attribute. Enter the text that appears when the mouse pointer is placed over the image or when the image cannot be displayed.
For example: This is an alt text string.
Width This setting corresponds to the HTML image tag width= attribute. Enter the image width (in pixels). Your setting here overrides the browser image sizing.
Example: 150
Height This setting corresponds to the HTML image tag height= attribute. Enter the image height (in pixels). Your setting here overrides the browser image sizing.
Example: 200
Border This setting corresponds to the HTML image tag border= attribute. Enter a value from 1 to 8 to set the thickness of the line drawn around the image.
Example: 2

Parent topic: Image builder

Library | Support |

Input name	Description
Name	Name for this builder call. The WebSphere Portlet Factory Designer displays this name in the builder call list.
Page Location	Page or pages on which this builder call acts. Alternatively, you can enter the page location syntax directly.
Image Source	Specify the URL to the image to be added to the pages in the model. An image can be specified in the following ways: Absolute http://myworld.com/~jdoe/mypics/image1.jpg Relative /files/images/mypics/image1.gif Indirect Reference ${Variables/ImageName} Where ImageName references a variable containing a string value such as /Images/myimages/image3.gif The indirect reference may also be used to call a method. For example, if you have a getImage method in your model, you can select it using the MethodCall picker ${MethodCall/getImage}. This method must return a string that contains the image file name relative to the servable content directory. For example, /Images/myimages/image3.gif. If you are displaying rows of data using Data Page and want to vary the image based on some criteria related to the row, you can use the xxxxLoopVar variable in your method to fetch data related to the current row. The LoopVar variable name is based on the variable data that the Data Page builder is operating on.
Alternative Text	This setting corresponds to the HTML image tag alt= attribute. Enter the text that appears when the mouse pointer is placed over the image or when the image cannot be displayed. For example: This is an alt text string.
Width	This setting corresponds to the HTML image tag width= attribute. Enter the image width (in pixels). Your setting here overrides the browser image sizing. Example: 150
Height	This setting corresponds to the HTML image tag height= attribute. Enter the image height (in pixels). Your setting here overrides the browser image sizing. Example: 200
Border	This setting corresponds to the HTML image tag border= attribute. Enter a value from 1 to 8 to set the thickness of the line drawn around the image. Example: 2