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.
  1. Enable/disable proportion flag for image:

    ../../_images/flag-proportion.png
  2. Increase zoom for image:

    ../../_images/zoom-plus.png
  3. Decrease zoom for image:

    ../../_images/zoom-minus.png
  4. Precent proportion size for image:

    ../../_images/size-procent.png
  5. Revert to original size image:

    ../../_images/revert-to-original.png
  6. Fit image image without any borders in image area:

    ../../_images/fit-flag.png
  7. To open rotate window:

    ../../_images/rotate-image.png
  8. To open cropping window:

    ../../_images/cropping-image.png
  9. 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;