AudienceView Connect
 Product Guides   Knowledge Base   Discussions   Support   Annual Conference   Developer Guide Login   Developer Guides  
 

Inserting an Image from your Computer in an Article

Table of Contents | Next

To insert an image, complete the following:

  1. Open the Content Management application from the AudienceView Desktop.
  2. Select the Articles tab.
    The Articles|Search page appears.
  3. Search for and select the article that you want to work with. For more information, refer to the Content Management Articles-Search Page and Performing Searches.
    The Articles|Basic page appears.
  4. Select the Text tab.
    The Articles|Text page appears.
  5. Place the cursor where you would like to insert the image.
  6. Click  .
    The Image Properties dialog box appears.
  7. Click 'Browse Server' to search for the image that you want to insert. If the image has already been uploaded, go to Step 12.
    The AudienceView Content Storage window appears. 
  8. Click 'Upload'.
    The Upload New File section expands.
  9. Click 'Browse'.
    The Choose File to Upload window appears.
  10. Search for and select the image that you want to upload.
  11. Click 'Upload Selected File'.
    The image appears, highlighted in blue, in the selected folder.
  12. Select the appropriate image from the image folders. Double-click on the image or select it and click 'Upload'.
    Information
    The server will only upload .GIF, .JPG and .PNG image file formats. For more information, refer to Configuring the Uploading of Images and Files.

    The selected image will be displayed in the 'Preview' field.

  13. Enter the text that will appear when the image is moused over in the 'Alternative Text' field.
  14. To adjust the dimensions of the image:
    1. To ensure that the pixel dimension ratios of the image remain the same, click  to lock the ratios.
      If you see , the ratios are already locked.
    2. To adjust the pixel dimensions to your own ratio, click  to unlock the ratios
      If you see  , the ratios are alreay unlocked.
    3. To reset the pixel dimension ratios to those of the original image, click  .
    4. Adjust the height and width pixel values in the 'Height' and 'Width' fields respectively.
      The image size is updated in the 'Preview' field.
  15. To adjust the appearance and alignment of the image:
    1. Enter the size of the border you desire for the image in the 'Border' field. If you do not want a border around the image, leave the 'Border' field blank.
      The image border displays in the 'Preview' field.
    2. Enter the desired horizontal spacing value in the 'HSpace' field.
      The image is spaced horizontally in the 'Preview' field.
    3. Enter the desired vertical spacing value in the 'VSpace' field.
      The image is spaced vertically in the 'Preview' field.
    4. Select the desired alignment for surrounding text from the 'Align' dropdown. The image will then respond with the surrounding text accordingly.  
  16. Click 'OK'.
    The Articles|Text page displays with the image inserted.
  17. Alt image text is used to briefly describe what the image depicts if users cannot view an image (the image does not display or if the user utilizes a screen reader).
    To add alt text to an image, complete the following:
    1. Click 'Source'.
      The Source view of the article is displayed.
    2. Locate the code for the image that you want to add alt-text to by pressing CTRL+F and searching for the image's filename.
      The image source code will look similar to <img alt="" src="/UI/ArticleMedia/Images/MY_INSERTED_IMAGE.jpg." />
    3. Enter the descriptive text that you want to be displayed within the quotes of the img alt="" tag (e.g. img alt="THE ALT TEXT FOR MY INSERTED IMAGE").
  18. Click 'Apply'.
    A window confirms that the application updated the article.
  19. Click 'OK'.