Image dialog

The image dialog is used to add images to a document and change attribute settings for such image. It also allows to maintain the image repository a document is associated to. See also chapter ' Working with images' about how images are applied to documents.

the image dialog

Image files panel

In panel image files all files are shown that are stored in the image repository that is associated to the currently edited document. Clicking on one image file name listed in panel Image files shows the image in panel Preview and lists image attributes in panel Properties.

Add

Press button Add to add a new image file to the repository. A file chooser dialog will appear to select a file from. The selected file is copied into the image repository associated with the document and displayed in pnale Image Files.

Delete

Button Delete is used to remove a file from the image repository. Respective file is permanently deleted from the directory used as an image repository.

Note: All references to the deleted image in any document associated to this image repository will be 'broken' when deleting an image from the repository.

Preview panel

Panel Preview displays an image selected in panel Image files. An image is scaled to the current size of the preview area when initially displayed. When image attributes are changed in panel Properties, the image size changes accordingly. The size of the preview area remains unchanged and scroll bars are shown when an image does not fit into the preview area. The size of the preview area can be changed by resizing the dialog window. In this case the image size remains the same and only the size of the preview area changes along with the window size.

Properties panel

In panel Properties attributes of the image currently displayed in panel Preview are shown. Changes to image attributes in panel Properties directly affect the image shown in panel Preview, i.e. the image changes in size accordingly.

Scale

Use this control to enter a value by which the size of the image is to be scaled. Size is scaled proportionally, i.e. the relation of width and height is always kept.

Width

Use this control to set a width for the image. Height and scale are adjusted accordingly.

Height

Use this control to set a height for the image. Width and scale are adjusted accordingly.

Horiz. Space

This field can be used to set a value for space between the image and objects on the left and right of the image.

Vert. Space

This field can be used to set a value for space between the image and objects on top and bottom of the image.

Alignment

Alignment controls how the image is to be aligned relative to other objects, i.e. an alignment setting of left aligns the image left of any other objects. (This setting is modeled but not rendered in SimplyHTML)

Border

Set the width of a border around the image. A setting of 0 means no border, any other value means a border around the image in the specified width.