Difference between revisions of "Add an Image to the Data Entry Form Template"

From IMSMA Wiki
Jump to: navigation, search
(Created page with "The icon tool allows you to add a .jpg or .gif to the report template. center|500px|''Image Added with the Icon Tool'' <div align=...")
 
 
(17 intermediate revisions by 4 users not shown)
Line 1: Line 1:
The icon tool allows you to add a .jpg or .gif to the report template.
+
The icon tool allows you to add a .jpg, .jpeg, .png, or .gif to the report template.
  
[[Image:UserManual_ImageAddedIconTool.png|center|500px|''Image Added with the Icon Tool'']]
+
[[Image:UserManual_ImageAddedIconTool.png|center|700px|''Image Added with the Icon Tool'']]
 
<div align="center">
 
<div align="center">
 
''Image Added with the Icon Tool''
 
''Image Added with the Icon Tool''
 
</div>
 
</div>
  
To add an image to the field report template:
+
To add an image to the Data Entry Form template:
 
<ol>
 
<ol>
<li>Expand the ''Tool Folder''.</li>
+
<li>Expand the ''Tool'' node.</li>
<li>Under the ''Tool Folder'', click the Icon Tool option.
+
<li>Under the ''Tool'' node, click the Icon Tool option.
 
<li>While holding down the mouse button, drag the Icon Tool to the form design pane.</li>
 
<li>While holding down the mouse button, drag the Icon Tool to the form design pane.</li>
 
<li>Click the '''Properties''' button.</li>
 
<li>Click the '''Properties''' button.</li>
:The Component Property Editor window displays.  
+
<li>The Component Property Editor window displays.</li>
 
<li>From the Component Property Editor window, click the '''Choose''' button.</li>
 
<li>From the Component Property Editor window, click the '''Choose''' button.</li>
<li>Navigate to the location of the image that you would like to add to the field report template.</li>
+
<li>Navigate to the location of the image that you would like to add to the Data Entry Form template.</li>
 
<li>From the Open window, select the image file.</li>
 
<li>From the Open window, select the image file.</li>
 
<li>Click the '''Open''' button.</li>
 
<li>Click the '''Open''' button.</li>
 +
[[Image:Add_icon1.png|400px|center]]
 
<li>Click the '''Submit''' button.</li>
 
<li>Click the '''Submit''' button.</li>
:The image is placed on the field report template.  
+
<li>The image is placed on the Data Entry Form template. </li>
 +
[[Image:Add_icon2.png|400px|center]]
 +
<li>The image will get a grey shadow around it due to IMSMA increases the size a few pixels.
 +
<li>Open the ''Properties'' again and specify 1 pixel bigger than the image.
 
</ol>
 
</ol>
  
{{note|An image for indicating the parts of the body where the victim was injured can be found in the <''IMSMA Installation Directory''>\client\FormTemplates\DefaultTemplates directory. This image file can be added to the field report template by using the icon tool.   
+
{{Warning | If you would like to change image/logotype then delete/clear the image from the template and drag in a new place holder. If you do not delete the image will not be updated.}}
 +
 
 +
{{note| By adding a Page header and Page footer on each page, fields are prevented from drifting upwards when editing a published template again.}}
 +
 
 +
{{note| The images for indicating the parts of the body where the victim was injured can be found in the ''C:\IMSMAng\client\FormTemplates\DefaultTemplates'' folder. The IMSMA logotype with size 51 pixel may be downloaded by right-click on this '''[[Media:IMSMA_Logo51px.jpg| link ]]''' and ''Save target/link as''.   
 
}}
 
}}
 +
 +
{{NavBox HowTo Data Entry Forms}}
 +
 +
[[Category:NAA]]

Latest revision as of 11:29, 12 October 2018

The icon tool allows you to add a .jpg, .jpeg, .png, or .gif to the report template.

Image Added with the Icon Tool

Image Added with the Icon Tool

To add an image to the Data Entry Form template:

  1. Expand the Tool node.
  2. Under the Tool node, click the Icon Tool option.
  3. While holding down the mouse button, drag the Icon Tool to the form design pane.
  4. Click the Properties button.
  5. The Component Property Editor window displays.
  6. From the Component Property Editor window, click the Choose button.
  7. Navigate to the location of the image that you would like to add to the Data Entry Form template.
  8. From the Open window, select the image file.
  9. Click the Open button.
  10. Add icon1.png
  11. Click the Submit button.
  12. The image is placed on the Data Entry Form template.
  13. Add icon2.png
  14. The image will get a grey shadow around it due to IMSMA increases the size a few pixels.
  15. Open the Properties again and specify 1 pixel bigger than the image.
Warning.jpg If you would like to change image/logotype then delete/clear the image from the template and drag in a new place holder. If you do not delete the image will not be updated.
Note.jpg By adding a Page header and Page footer on each page, fields are prevented from drifting upwards when editing a published template again.
Note.jpg The images for indicating the parts of the body where the victim was injured can be found in the C:\IMSMAng\client\FormTemplates\DefaultTemplates folder. The IMSMA logotype with size 51 pixel may be downloaded by right-click on this link and Save target/link as.