Articles with the tag:
Close
Changelog
Close
Try in the cloud
Try in the cloud

Inserting images in posted messages

Introduction

Want to discuss new product models in the online office forum to select a good one? Or just need to add some pictures as a reference to enhance your blog story?

Read these step by step instructions to insert an image directly into your posted message.

Step 1. Select an existing post or create a new one

You can insert an image while creating or editing any message posted on your portal: news and announcements, blog story, forum post, comment or project discussion. The detailed instructions on how to create a message can be found following the links below:

To edit an item just open it and click the Actions Icon icon to the right of the post title and select the Edit option from the drop-down list.

Step 2. Insert an image from the web

Once the message is created click with the mouse at the place where you want to insert your image and press the Image Image button icon on the Formatting Toolbar.

How to insert an image into your posted message? Step 2 How to insert an image into your posted message? Step 2

The Image Properties window will open with the Image Info tab activated.

Copy and paste the URL of the image you want to insert into the appropriate field. Type in the Alternative Text which will be displayed in case where the image in not available to the readers (for example, when the images are turned off in their browser) and adjust the image settings:

  • Adjust the image size inserting the Width or Height value. By default the second parameter will be set automatically preserving the original image aspect. If you need to get the image of a particular size unlock the ratio clicking the Lock ratio button button. Keep in mind that in this case the image proportions can get affected and the image might be distorted.
  • Set the Border size in pixels or leave this field empty if you don't want the border to be inserted.
  • Adjust the distance from the top (VSpace) and left (HSpace) edges of the image if you align it on the left hand margin, or the distance from the top (VSpace) and right (HSpace) edges of the image if you align it on the right hand margin.
  • Select one of the image alignment options: Left to align the image on the left hand margin, or Right to align it on the right hand margin.
How to insert an image into your posted message? Step 2 How to insert an image into your posted message? Step 2

If you wish to determine the web address to which you will be redirected when the image is clicked, switch to the Link tab. Enter the URL you wish to link the image to and specify the target attribute of a link: New Window (_blank), Topmost Window (_top), Same Window (_self), or Parent Window (_parent).

How to insert an image into your posted message? Step 2 How to insert an image into your posted message? Step 2

To adjust the advanced image settings switch to the Advanced tab. Here you can specify:

  • Id - the ID of the inserted image.
  • Language Direction - the language direction from Left to Right (LTR) or from Right to Left (RTL).
  • Language Code - the code used to classify the language: de, en, es, fr, it, ru etc.
  • Long Description URL - the description of the target.
  • Stylesheet Classes - the CSS class to which the image belongs.
  • Advisory Title - the advisory information about the target.
  • Style - the style of the inserted image. It includes all the parameters specified on the Image Info tab.

When all the parameters are set click the OK button to add the image to your message.

Step 3. Insert an image from your PC

If you wish to add an image stored on your PC, in the Image Properties window (see the Step 2) switch to the Upload tab. Click the Browse... button, find the desired image on your hard disk drive and click the Send it to the Server button.

Make sure that your image is in JPEG, PNG, BMP or GIF format and is no larger than 1 MB. If not, the file cannot be sent.
How to insert an image into your posted message? Step 3 How to insert an image into your posted message? Step 3

Once the image is uploaded to the server, the Image Info tab will open. You will see the link to the uploaded image displayed in the URL field and its size. If necessary, type in an Alternative Text and adjust the image settings as described above (see the Step 2).

How to insert an image into your posted message? Step 3 How to insert an image into your posted message? Step 3

When all the parameters are set click the OK button. The image will be inserted into your post at the location where the cursor was placed.

In case you need to upload a file larger than 1 Mb you can either attach it to your post using the Attach file button (available for project discussions and forum posts) or upload it to the Documents module and share with your colleagues.
Download Host on your own server Available for
Docker, Windows and Linux
You Might Also Like This:
Close