When inserting an image, its properties can be set on the following four tabs:
General
| • | URL - URL of the attached image. |
| • | Alternate text - the text displayed when the image is not loaded correctly. |
| • | Width, Height - the width and height of the displayed image; in pixels. |
| • | Aspect ratio can be locked ( ), which makes the second dimension recalculated automatically when you change one dimension, while the ratio between the two dimensions is kept. |
| • | If unlocked ( ), dimensions can be entered manually into both fields, without the ratio being kept. |
| • | You can also reload the default dimensions using the Reset size ( ) icon. |
| • | Border width - the width of the border around the displayed image. |
| • | Border color - the color of the border around the image; has no effect when border width is not set. |
| • | Horizontal space - horizontal space between the image and the surrounding text. |
| • | Vertical space - vertical space between the image and the surrounding text. |
| • | Align - image alignment. |
Link
| • | URL - if set, the image will become a link to the resource defined by the entered URL. Settings on the Behavior tab are overridden. |
| • | Target - the destination where the linked resource should be displayed when the image is clicked. |
Advanced
| • | ID - the identifier of the image HTML element. |
| • | Tooltip - the text displayed when the mouse cursor is placed over the image. |
| • | Class - the image element CSS class. |
| • | Style - image element additional styles. |
Behavior
| • | None - the image is inserted as a standard image. When the image is clicked, no action is performed. |
| • | Open full size in the same window - the image will become a link. When the image is clicked, its full size is displayed in the same window. |
| • | Open full size in a new window - the image will become a link. When the image is clicked, its full size is displayed in a new window. |
| • | Show larger size on mouse-over - when the mouse cursor is placed over the image, the image is displayed in a "floating window" in the defined size. It will be inserted as the Image inline control. |
| • | Width - the width of the displayed image; in pixels. |
| • | Height - the height of the displayed image; in pixels. |
| • | Aspect ratio can be locked (), which makes the second dimension recalculated automatically when you change one dimension, while the ratio between the two dimensions is kept. |
| • | If unlocked (), dimensions can be entered manually into both fields, without the ratio being kept. |
| • | You can also reload the original dimensions using the Reset size () icon. |
Detailed information about the WYSIWYG editor can be found in the WYSIWYG editor chapter in the Content management section of the Developer's Guide.
Page url:
http://devnet.kentico.com/docs/6_0/contexthelp/index.html?image_properties.htm
