# Signature Pad

![Signature Pad](/files/-MHpq0sk0MFHd6TpQdYB)

## Description:

Signature Pad

Signature Pad componentt used to get user signature.

### Allowed Parent Components:

1. Col

### Allowed Child Components:

1. Pulse
2. Trigger Before Render
3. Trigger On Change

### Properties

### ➤ Color

This attribute defines the color of the signature.

Allowed Values: This attribute defines the color of the signature.

### ➤ Signed Date

Choose an attribute which contains the signed date of the signature.

Allowed Values: Choose an attribute which contains the signed date of the signature.

### ➤ Alt

This attribute defines an alternative text description of the image.

Allowed Values: Free text field

### ➤ Height

Provide numerical value to set height in pixels.

Allowed Values: Any number value

### ➤ Width

Provide numerical value to set width in pixels.

Allowed Values: Any number value

### ➤ Signature Pad Height

Provide numerical value to set width of the signature canvas

Allowed Values: Any number value

### ➤ Signature Pad Width

Provide numerical value to set width of the signature canvas

Allowed Values: Any number value

### ➤ Position

Provide position for signature canvas. e.g.'slide-up'

Allowed Values: Free text field

### ➤ Image Format

Select the image format type.

Allowed Values:

1. image/png
2. image/jpeg
3. image/webp

### ➤ Show Type Option

Enable this to provide user the options to either draw on the canvas or type

Allowed Values: Yes/No

### ➤ View Attribute

Allowed Values: Attribute

### ➤ Title

Choose an attribute which contains the title of the signature.

Allowed Values: Choose an attribute which contains the title of the signature.

### ➤ Name

Choose an attribute which contains the name of the signature.

Allowed Values: Choose an attribute which contains the name of the signature.

### ➤ Insert Allowed

Allowed Values: Yes/No

### ➤ Update Allowed

Allowed Values: Yes/No

### ➤ Validate On Commit

Check this to perform validations after commit.

Allowed Values: Yes/No


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cloudio.io/ui-components/widgets/signaturepad.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.