Images in MidCOM

1. TinyMCE Image Popup - Page attachments
2. TinyMCE Image Popup - Insert an image
3. Image properties
1. TinyMCE Image Properties - Linking into
2. Resizing and aligning image:
3. TinyMCE Image Properties - Appearance
4. Image description (eg. for visually impaired)
4. Adding an image to a predefined place

To add an image into the content click on the Insert image or attachment symbol . There should appear a popup window.

TinyMCE Image Popup - Page attachments

1. Click on Browse on Images
2. Search for the image you wish to add from your computer or local network
   • when it has been found click on Open
3. Define the Name and Title (both optional)
4. Click on Upload file to upload the image to the server
5. To attach the image in the content: click on the thumbnail, which appears after uploading the file

TinyMCE Image Popup - Insert an image

Other functionalities of the image popup are

• Replace file
  • replace a file that is currently on the server eg. after changes
• Delete file
  • delete a file from the server

To change the image size

• Click on the image
• There are white boxes in each of the corners and in the middle of each side
  • to change the proportional size click and drag from a corner
  • to change the horizontal size click and drag from the sides
  • to change the vertical size click and drag from the top or bottom

Image properties

It is also possible to enter numerical values. To edit the image properties right click on the image and click on Image properties.

TinyMCE Image Properties - Linking into

Resizing and aligning image:

TinyMCE Image Properties - Appearance

1. Click on the Appearance tab
2. Choose the alignment
   • defines how the text will flow around the image
3. Define the dimensions
   • By default Constrain proportions is checked. This will keep the image in correct proportions.
4. Define the additional properties as you wish
5. Click on Update

Image description (eg. for visually impaired)

1. Click on the General tab if it isn't already selected
2. Image description is used when the image fails to load or when the person viewing it is visually impaired
3. Title will be displayed as text when the mouse has been left to hover on top of the image

Adding an image to a predefined place

Below the content area there is a field for an image that will be set in a predefined place.

1. Click on Browse
2. Search for the image you wish to add from your computer or local network
   • when it has been found click on Open
3. Click on Upload file

To remove an image from this section simply click on Delete file.