Image
Use the Image part to add a graphic to a Web page.
To add an Image part, select the Web Connection Category (
), then the Image part (
). You can also add the part using the Add Part dialog and specifying the class name,
AbtHtmlImage.
Image Properties
The Image part has the following properties:
align
Use the align property to specify how you want the element to be aligned on the Web page. You can select any of the following values from the drop-down list:
o Top
o Middle
o Bottom
o <Default> (Browser default)
In addition, you can specify an alignment by typing the appropriate string directly into the field. Do this if you want to specify a special alignment supported by your browser but not directly supported by VA Smalltalk. VA Smalltalk will use the specified alignment string when generating HTML at run time, but will use its default alignment at edit time.
This property is equivalent to the align attribute of the appropriate HTML element.
altText
Use the altText property to specify the text you want displayed if the element does not display (for example, if the browser cannot load an image or cannot run a Java applet). Alternate text can indicate what is intended to appear even if something prevents the page from loading properly, or if a user interrupts transmission before loading is complete.
This property is equivalent to the alt attribute of the appropriate HTML element.
eventHandlers
Use the eventHandlers property to define any event handlers for this part. Event handlers provide the ability to detect and react to events that occur while an HtmlPage is loaded in a Web browser. An example of an event handler is mouse over, where you can specify when the mouse moves over an HTML element, something happens, usually a JavaScript is executed..
extraAttributes
Use the extraAttributes property to specify any additional HTML attributes that you want included in the HTML tagging generated by the part. You can use this property to include HTML attributes that are not directly supported by VA Smalltalk.
height
Use the height property to specify the height of the graphic image.
hSpace
Use the hSpace property to specify the size, in pixels, of the horizontal margin around the image.
imageURL
Use the imageURL property to specify the location of the image to use at run time. You can specify any image file that is supported by the Web browser used at run time, provided the image is in a location accessible to the browser.
This property is equivalent to the src attribute of the HTML img element.
isMap
Use the isMap property to indicate whether the graphic is an image map with hypertext links.
This attribute is equivalent to the ismap attribute of the HTML img element.
link
Use the link property to specify where you want to link to from a text or image. If you do not want to place a link on the text or image, leave this property blank.
This property is equivalent to the href attribute of the HTML a (anchor) element.
localFileName
Use the localFileName property to specify the name of the file for the graphic you want to display at edit time. You can use any graphic file type supported by VA Smalltalk.
Note:
The localFileName property affects only the appearance of the page in the Composition Editor at edit time. It has no effect on the generated HTML and will not cause a graphic to appear in Web browsers at run time. In order to display a runtime graphic, you must specify a location for a graphic using the imageURL property.
partName
In the Part name field, type the name you want to use to describe the part. For non-visual parts, this text appears under the icon for the part on the free-form surface.
The name of the part can consist of alphanumeric characters, and must be unique from all other parts on the layout surface.
This field is optional. If you do not specify a part name, VA Smalltalk generates a unique name based on the class name of the part.
sendSize
Use the sendSize property to indicate whether you want to send the size of the image to the browser at run time.
vSpace
Use the vSpace property to specify the size, in pixels, of the vertical margin around the image.
width
Use the width property to specify the width of the graphic image.
Last modified date: 06/24/2018