Inline Signature OnlyThis article applies to signatures generated with the Inline Signature Element only. The information in this article is not applicable to Adobe Esign Signatures.
After the user creates their signature, it is stored as an image file (.PNG format) in the InlineSignature field in your form. You can add it to autoresponder emails, thank you pages, triggered emails, and dynamic PDF templates -- wherever you have access to the editor and can add a wildcard. But to make it visible, you need to apply a wildcard modifier first so the user sees the signature and not just the filename.
- In the text editor, choose Wildcard value from the menu. Choose the InlineSignature field and insert it where you need it. For example, the signature may be at the bottom of a document.
- Select the field and and from the menu choose Wildcard Modifiers.
- In the dropdown list of formatting functions, choose showImage. This formats the field value so that users see the image instead of the filename.
- The format settings window for this function appears. The width and height values default to auto. This is the recommended setting and means the image will be shown in its original size. If you need it displayed in a different size, enter new values in pixels for the height and width and test the result. Be careful not to change the aspect ratio of the signature.
Power User Tips
If you need more flexibilty than the showImage() modifier function provides, you can include the source code <img src=""> in your html.
Or, you can declare the size in the image tag, for example style="width:20px;height:30px" and then build the exact URL using the form URL + /attachments/[fieldname].
An example of what the final img src tag might look like is shown below (note: you will need to change the form path and the field name used in this example):
<img src="https://forms.logiforms.com/formdata/user_forms/60000_6449748/300296/attachments/[pdf]" style="width:20px;height:30px">
- Click Save. You are returned to the editor.
Using the Image in a PDF Form
The PDF Form template allows you to upload an existing PDF form and use it as a template in which you can map data from your form submission database. On the Field Mappings panel of the wizard you map fields from your form to fields in your uploaded PDF form. The signature image can be mapped to a text field on the PDF form. The size of the textfield determines the size of the signature image.
The field that you are mapping to on your PDF must be a standard text field. This technique will not work with a PDF Signature field element as the destination field. Also, this feature only works with Acroforms and not with forms created in Adobe Designer (XFA forms).