<!DOCTYPE html
  PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<!--
Copyright (c) 2006 UGS Corp.

All Rights Reserved.

This software and related documentation are proprietary to UGS Corp.
-->
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>Image</title>
      <script language="javaScript">
        abridged="false";
        displayConditions=new Array();
      </script>
      <link type="text/css" href="../css/main_styles.css" rel="stylesheet">
   </head>
   <body class="bodydocs" onload="top.pageLoader()" bgcolor="#FFFFFF">
      <div class="title_topic4" id="xps10_pagetitle">Image</div>
      <hr noshade="true">
      <table cellspacing="4" align="center">
         <tr valign="top">
            <td bgcolor="#f7f7f7" colspan="1" rowspan="1">
               <p class="para_td"><a class="links" href="javascript:void(0)" onclick="top.openFile('checkmate/cm_report_elements_ov.html');return(false);">Overview</a></p>
            </td>
            <td bgcolor="#f7f7f7" colspan="1" rowspan="1">
               <p class="para_td"><a class="links" href="javascript:void(0)" onclick="top.openFile('checkmate/cm_report_generation.html');return(false);"> How To</a></p>
            </td>
            <td bgcolor="#f7f7f7" colspan="1" rowspan="1">
               <p class="para_td"><a class="links" href="javascript:void(0)" onclick="top.openFile('checkmate/cm_qd_elements_list_op.html');return(false);">Options </a></p>
            </td>
            <td bgcolor="#f7f7f7" colspan="1" rowspan="1">
               <p class="para_td"><a class="links" href="javascript:void(0)" onclick="top.openFile('checkmate/cm_viewer_ov.html');return(false);"> Related Topics</a></p>
            </td>
         </tr>
      </table><br><p class="para_topic">The <b class="uiTerm">Image</b> report element lets you place a JPEG, GIF or BMP graphic in the report template. The unique attributes of the <b class="uiTerm">Image</b> report element are shown below. They include the name of the file containing the graphic and controls for the size of the graphic in pixels.
      </p>
      <table border="0">
         <tr>
            <td valign="top" align="left"><img align="left" src="../graphics/note.gif" alt="Note" title="Note"></td>
            <td valign="bottom" align="left" width="100%">
               <div class="para_note">
                  <p class="para_note_body">If the width and height fields are both set to zero, the software uses the actual size of the image.  </p>
               </div>
            </td>
         </tr>
      </table>
      <table cellspacing="2" width="100%" align="center">
         <colgroup span="1">
            <col span="1" width="77*">
            <col span="1" width="122*">
         </colgroup>
         <tr>
            <th bgcolor="#c0c0c0" colspan="1" rowspan="1">
               <p class="para_th">Option</p>
            </th>
            <th bgcolor="#c0c0c0" colspan="1" rowspan="1">
               <p class="para_th">Description</p>
            </th>
         </tr>
         <tr>
            <td bgcolor="#F7F7F7" colspan="1" height="86" rowspan="1" valign="top">
               <p class="para_td"><b class="uiTerm">Vertical Alignment</b></p>
            </td>
            <td bgcolor="#F7F7F7" colspan="1" height="86" rowspan="1" valign="top">
               <p class="para_td">Provides the following vertical alignment options:</p>
               <ul>
                  <li>
                     <p class="para_item"><b class="uiTerm">Top</b></p>
                  </li>
                  <li>
                     <p class="para_item"><b class="uiTerm">Middle</b> 
                     </p>
                  </li>
                  <li>
                     <p class="para_item"><b class="uiTerm">Bottom</b> 
                     </p>
                  </li>
               </ul>
            </td>
         </tr>
         <tr>
            <td bgcolor="#F7F7F7" colspan="1" height="86" rowspan="1" valign="top">
               <p class="para_td"><b class="uiTerm">Horizontal Alignment</b></p>
            </td>
            <td bgcolor="#F7F7F7" colspan="1" height="86" rowspan="1" valign="top">
               <p class="para_td">Provides the following horizontal alignment options:</p>
               <ul>
                  <li>
                     <p class="para_item"><b class="uiTerm">Left</b></p>
                  </li>
                  <li>
                     <p class="para_item"><b class="uiTerm">Center</b> 
                     </p>
                  </li>
                  <li>
                     <p class="para_item"><b class="uiTerm">Right</b> 
                     </p>
                  </li>
               </ul>
            </td>
         </tr>
         <tr>
            <td bgcolor="#F7F7F7" colspan="1" height="86" rowspan="1" valign="top">
               <p class="para_td"><b class="uiTerm">Cell Color</b></p>
            </td>
            <td bgcolor="#F7F7F7" colspan="1" height="86" rowspan="1" valign="top">
               <p class="para_td">Starts the <b class="uiTerm">Choose Cell Color</b> dialog which has three tabs:
               </p>
               <ul>
                  <li>
                     <p class="para_item"><b class="uiTerm">Swatches</b> &mdash; lets you choose a color swatch.
                     </p>
                  </li>
                  <li>
                     <p class="para_item"><b class="uiTerm">HSB</b> &mdash; lets you enter values for <b class="uiTerm">H</b>, <b class="uiTerm">S</b>, and <b class="uiTerm">B</b>.
                     </p>
                  </li>
                  <li>
                     <p class="para_item"><b class="uiTerm">RGB</b> &mdash; lets you enter values for Red, Green, and Blue. You can also move a color's slider.
                     </p>
                  </li>
               </ul>
               <p class="para_td">The <b class="uiTerm">Choose Cell Color </b> dialog has a color  <b class="uiTerm">Preview</b> area and <b class="uiTerm">OK</b>, <b class="uiTerm">Cancel</b>, and <b class="uiTerm">Reset</b> action buttons.
               </p>
            </td>
         </tr>
         <tr valign="top">
            <td bgcolor="#f7f7f7" colspan="1" height="86" rowspan="1">
               <p class="para_td"><b class="uiTerm">Image Filename</b></p>
            </td>
            <td bgcolor="#f7f7f7" colspan="1" height="86" rowspan="1">
               <p class="para_td">Lets you enter a file name without a path specification. You indicate the path in the <b class="uiTerm">Search Directories</b> dialog.
               </p>
               <p class="para_td">Use the option button next to the Image Filename box to start an <b class="uiTerm">Open</b> dialog for selecting an image file.
               </p>
            </td>
         </tr>
         <tr valign="top">
            <td bgcolor="#f7f7f7" colspan="1" rowspan="1">
               <p class="para_td"><b class="uiTerm">Width (pixels)</b> 
               </p>
            </td>
            <td bgcolor="#f7f7f7" colspan="1" rowspan="1">
               <p class="para_td">Lets you enter a numerical size in pixels for the image width.</p>
            </td>
         </tr>
         <tr valign="top">
            <td bgcolor="#F7F7F7" colspan="1" rowspan="1">
               <p class="para_td"><b class="uiTerm">Height (pixels)</b> 
               </p>
            </td>
            <td bgcolor="#F7F7F7" colspan="1" rowspan="1">
               <p class="para_td">Lets you enter a numerical size in pixels for the image height.</p>
            </td>
         </tr>
      </table><br></body>
</html>