Image

Images display image files in the html document.

Creating an Image

By using the 'Image' entry of the Toolset or the menu command 'Insert -> Image', you can place images on the website. Once you placed your image, a file selection dialog will appear and ask you to select an image file on your disk. You can select any file of the format .jpg, .png, .gif and .bmp here.

In the 'Properties' window on the left, you can change the image file name which is shown, and other settings for its appearance, as for all other items as well.

Properties

This component supports several background modes (Color, Image, Gradient), changeable by selecting the property 'BackgroundMode'. It also supports several border modes. The background will only be visible if the image file cannot be loaded or the image is transparent.

Other supported properties are:

Alternate Text: Shown by most browsers before the image can be loaded
Tooltip: Text shown when the mouse cursor is above the image
Use Hover Styles: When checked, you can set a brightness (between 0 and 100) which the image should get when the mouse cursor hovers over it.

Hyperlinks

You can create a hyperlink for the image, so that the user is able to click on the image and open a new page. Simply select the image, right->click and select 'Insert Hyperlink'.

Text-Float

If you are using the image floating inside text, you can set it's text-float to make the text float around it more nicely: Just right-click the image, and use the command "Text Float -> Left" or "Text Float -> Right". If the text then is floating "to closely" around the image, change the "Margin" property of the image from the default '0,0,0,0' to something bigger, like '10, 10, 10, 10'.