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

Inserting an Image from the Internet in an Article

Table of Contents | Previous

You are able to insert an image into an article. The image must be available via a URL and not an uploaded image file. It is suggested that you upload all required images to an image repository available on your web server.

To insert an image from the Internet, 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. Click .
    The Image Properties light box appears.
  6. Enter the full URL for the image in the 'URL' field (e.g. http://suttonstreettheatre.com/images/image1.jpg).
    The image appears in the 'Preview' field.
  7. Enter the text that will appear when the image is moused over in the 'Alternative Text' field.
  8. 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.
      The image size is updated in the 'Preview' field.
  9. 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.
  10. Click 'OK'.
    The Articles|Text page displays with the image inserted.
  11. 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").
  12. Click 'Apply'.
    A window confirms that the application updated the article.
  13. Click 'OK'.