Image Management

In this article:

Introduction

ImCMS 6 provide feature - on-place image-editor, that can help easily change image on page.

Open Editor

  • First enable Edit Mode.

  • To open image editor Find of the page label with text Image Editor (as shown below) and click on it to open the editor.

../../_images/01-ImageEditorLabel.png

Using Editor

There are several base part are in the image editor:

  • Image Viewer - it includes scaled or full size image with image crapper over it.

../../_images/02-ImageViewerPart.png

  • Image Info - set size to image editor, it provide information about image size, relative path to image etc.

../../_images/04-ImageInfoPart.png

    • Select Image - presented as button that open File-Content Manager.

  2. Enable/disable proportion flag for image:

    ../../_images/flag-proportion.png

  3. Increase zoom for image:

    ../../_images/zoom-plus.png

  4. Decrease zoom for image:

    ../../_images/zoom-minus.png

  5. Precent proportion size for image:

    ../../_images/size-procent.png

  6. Revert to original size image:

    ../../_images/revert-to-original.png

  7. Fit image image without any borders in image area:

    ../../_images/fit-flag.png

  8. To open rotate window:

    ../../_images/rotate-image.png

  9. To open cropping window:

    ../../_images/cropping-image.png

  10. Revert to original preview size image:

    ../../_images/revert-to-original.png

Cropper_Editor

  • Image Cropper - part of Image Viewer, the main function of it it is crop image. All features of it shown on image bellow.

    ../../_images/03-ImageCropperPart.png

Imcms has a new feature for control cropping:

  • Cancel - close the window cropper image editor.

  • Remove cropping - revert to previous cropping image;

  • Rest to original - revert to original cropping area;

  • Crop - size w/h for current cropped image area;