Prerequisites:

• You should already have FormsViewer installed and understand how to upload and open forms.

Steps.

1. Create a new form template or open a form template that you already have in InfoPath Design mode.
2. Locate or create a group in your form’s main that would be suitable for storing the image you want to add.
3. Right-click the group in the Fields taskpane and click Add…
4. Enter any valid field name for the field. For Data Type, select “Picture or File Attachment (base64)”. Click OK.
5. Drag the newly added field into the location in your view where you would like to add it. When prompted for a control type, select Picture.
6. Save your form template.
7. Upload the template to FormsViewer and open it.
8. Click the image control that you added.
9. You should see a popup dialog with a file attachment control. Click the file attachment control to select a file.

   

10. Select a picture file to use.
    1. If you are viewing the form on a mobile device, you may have the option to take a picture using your device app as an alternative to selecting a file, like so:

       

11. Click OK.
12. The picture should now be shown in your form.

Optional:

• Modify the picture control’s properties to give it either a fixed width or fixed height. You can use this to prevent it from becoming too large.
• Use the same field to create additional Picture Controls in different areas of your form’s view, or in other views. This will allow your users to attach pictures in one part and view them in other parts of the form.
  • You can also modify some of the Picture Controls’ properties as described above, to show a smaller version of the pictures in certain parts of the form.