A signature field is a special field that allows someone to sign the field with either their finger on a touch enabled device or with the mouse pointer. This signature will be converted into an image and stored with the form submission.
- Label: You can place the title or name in this component.
- Label Position: In this setting you can adjust the position of the component name and label.
- Label Width: In this setting you can adjust the width of the component name and label.
- Label Margin: In this setting you can adjust the margins of the component name and label.
- Footer Label: You can enter a short instruction here.
- Signature Width: How wide the signature area should be. This can be in pixels or percent.
- Signature Height: How high the signature area should be. This can be in pixels or percent.
- Background Color: The Background color of the signature area. This can be an RGB value in RGB(255,255,255) format, a hex value like #000000 or the name of a color.
- Pen Color: The pen color in the signature area. This can be an RGB value in RGB(255,255,255) format, a hex value like #000000 or the name of a color.
- Description: In the description field you can enter text which will appear under the Input field.
- Tooltip: Entering data here will create a tooltip icon on the field.
- Custom CSS Class: In this setting you can add a CSS class. Multiple classes can be added and they class names can be separated by only a space.
- Tab Index: The setting Tab Index indicates which element in a form can be focused and which can be unfocused. It works as a global attribute. It gives 3 different types of results depending on the integer. Negative Integer (-1) indicates that the elements are unfocused and they are unreachable by sequential navigation. Zero Integer (0) indicates that the elements are focused and they can be reached with a sequential navigation. Positive Integer (1) it works as the zero integer but in the positive integer you can set up an order depending on the number.
- Hidden: Enabling this setting will hide your field from viewing when the form is extracted.
- Hide Label: In this component you can hide the label or name. Sometimes you only need the component field and not the label, hide label is used for that purpose.
- Disabled: Enabling this setting will disable the component from the form.
- Table View: When this setting is enabled the data on this component will only show up in the Submission list of the table view.
- Validate On: Selecting this setting will determine when to allow the front-end validation of the component. It provides two options to choose i.e., Change and Blur.
- Required: Enabling this setting will make this component a mandatory and the user can not submit the form without filling this component.
- Unique: Enabling this setting will help the user understand that this information is not provided before while submitting the form.
- Error Label: With this setting you can enter text which will be displayed when the field displays an error message.
- Custom Error Message: In this setting you can enter the error message which will be displayed to the user if any error occurred while filling the form.
- Property Name: In this setting you can provide the name of the field in the API endpoint.
- Field Tags: In this setting you can enter the tags for the field that can be used in the custom logic.
- Custom Properties: In this setting you can enter any custom properties to configure this component.
- This component should Display: In this setting you can choose "True and False" if this component should display.
- When the form component: In this setting you can choose if you want the component to be displayed after the it is submitted.
- Has the value: In this setting you can choose the value of the component when it will be hidden or displayed.
- HTML Attributes: In this setting you can enter HTML attributes map for components input.