---
title: "Customize electronic signature UI on Android | Nutrient SDK"
canonical_url: "https://www.nutrient.io/guides/android/customizing-the-interface/configuring-the-signaturepickerfragment/"
md_url: "https://www.nutrient.io/guides/android/customizing-the-interface/configuring-the-signaturepickerfragment.md"
last_updated: "2026-05-15T19:10:04.924Z"
description: "Learn how to personalize your signature user interface effectively. Enhance user experience and improve email communication with our step-by-step guide."
---

# Customizing the electronic signature UI on Android

The Electronic Signatures UI can be customized to fit your needs.

You can customize aspects such as which signature creation modes are available and in which order, and what signing fonts to offer when creating signatures by typing.

These options are set via the [`ElectronicSignatureOptions`](https://www.nutrient.io/api/android/nutrient/com.pspdfkit.ui.signatures/-electronic-signature-options/index.html) class. You can change the available mode via [`signatureCreationModes`](https://www.nutrient.io/api/android/nutrient/com.pspdfkit.configuration/-pdf-configuration/-builder/signature-creation-modes.html), the fonts via [`setAvailableFonts`](https://www.nutrient.io/api/android/nutrient/com.pspdfkit.ui.signatures/-electronic-signature-options/-companion/set-available-fonts.html), and the colors with [`signatureColorOptions`](https://www.nutrient.io/api/android/nutrient/com.pspdfkit.configuration/-pdf-configuration/-builder/signature-color-options.html).

Both [`signatureCreationModes`](https://www.nutrient.io/api/android/nutrient/com.pspdfkit.configuration/-pdf-configuration/-builder/signature-creation-modes.html) and [`signatureColorOptions`](https://www.nutrient.io/api/android/nutrient/com.pspdfkit.configuration/-pdf-configuration/-builder/signature-color-options.html) can also be configured on initialization using [`PdfConfiguration`](https://www.nutrient.io/api/android/nutrient/com.pspdfkit.configuration/-pdf-configuration/index.html) and [`PdfActivityConfiguration`](https://www.nutrient.io/api/android/nutrient/com.pspdfkit.configuration.activity/-pdf-activity-configuration/index.html). [`setAvailableFonts`](https://www.nutrient.io/api/android/nutrient/com.pspdfkit.ui.signatures/-electronic-signature-options/-companion/set-available-fonts.html) is `static`, so it can be called at any point.

### Setting available signature creation modes

`signatureCreationModes` accepts an array of `List<SignatureCreationMode>` members. Based on these entries, the UI will display the tabs specified in the array, respecting the order in which they were added. It defaults to `[SignatureCreationMode.DRAW, SignatureCreationMode.IMAGE, SignatureCreationMode.TYPE]`.

Here’s an example offering Type, followed by Image, as signature creation modes:

### KOTLIN

```kotlin

// Using `PdfConfiguration`:
val configuration =
        PdfConfiguration.Builder().signatureCreationModes(listOf(SignatureCreationMode.DRAW, SignatureCreationMode.TYPE)).build()

// Using `ElectronicSignatureOptions`:
val signatureOptions =
        ElectronicSignatureOptions.Builder().signatureCreationModes(listOf(SignatureCreationMode.DRAW, SignatureCreationMode.TYPE)).build()

```

### JAVA

```java

// Using `PdfConfiguration`:
final PdfConfiguration configuration =
        new PdfConfiguration.Builder().signatureCreationModes(Arrays.asList(SignatureCreationMode.DRAW, SignatureCreationMode.TYPE)).build();

// Using `ElectronicSignatureOptions`:
final ElectronicSignatureOptions signatureOptions =
        new ElectronicSignatureOptions.Builder().signatureCreationModes(Arrays.asList(SignatureCreationMode.DRAW, SignatureCreationMode.TYPE)).build();

```

You can also set the available signature colors with [`signatureColorOptions`](https://www.nutrient.io/api/android/nutrient/com.pspdfkit.configuration/-pdf-configuration/-builder/signature-color-options.html):

### KOTLIN

```kotlin....signatureColorOptions(SignatureColorOptions.fromColorInt(Color.RED, Color.GREEN, Color.BLUE)).build()

```

### JAVA

```java....signatureColorOptions(SignatureColorOptions.fromColorInt(Color.RED, Color.GREEN, Color.BLUE)).build();

```

### Setting Available Fonts to Sign With

To configure the available fonts for the typing tab of the signing UI, use [`ElectronicSignatureOptions#setAvailableFonts`](https://www.nutrient.io/api/android/nutrient/com.pspdfkit.ui.signatures/-electronic-signature-options/-companion/set-available-fonts.html). By default, four predefined fonts are bundled with the SDK. However, you can change, add, or remove these fonts however you like:

### KOTLIN

```kotlin

ElectronicSignatureOptions.setAvailableFonts(
    LinkedHashSet(
        listOf(
            Font("Caveat", ResourcesCompat.getFont(context, CAVEAT_FONT_RES)!!),
            Font("Pacifico", ResourcesCompat.getFont(context, PACIFICO_FONT_RES)!!)),
        )
    )
)

```

### JAVA

```java

ElectronicSignatureOptions.setAvailableFonts(
    new LinkedHashSet<>(
        Arrays.asList(
            new Font("Caveat", Objects.requireNonNull(ResourcesCompat.getFont(context, CAVEAT_FONT_RES))),
            new Font("Pacifico", Objects.requireNonNull(ResourcesCompat.getFont(context, PACIFICO_FONT_RES))),
        )
    )
)

```
---

## Related pages

- [Customizing PDF viewer styling on Android](/guides/android/customizing-the-interface/appearance-styling.md)
- [Customizing the form editing toolbar on Android](/guides/android/customizing-the-interface/using-form-ui-within-fragment.md)
- [Customizing our PDF viewer on Android](/guides/android/user-interface.md)
- [Localization: Change languages in our Android PDF viewer](/guides/android/features/localization.md)
- [Customize toolbar menus on Android](/guides/android/customizing-the-interface/customizing-menus.md)
- [Customizing dialog modals on Android](/guides/android/customizing-the-interface/modal-dialogs-styling.md)
- [Customizing the note editor on Android](/guides/android/customizing-the-interface/customizing-the-note-editor.md)
- [Hide or customize scrollbars in our Android viewer](/guides/android/customizing-the-interface/scrollbars.md)
- [Separate the document info view in our Android viewer](/guides/android/user-interface/separate-document-info.md)
- [Overlay views on Android](/guides/android/features/overlay-views.md)
- [Customizing the thumbnail file viewer on Android](/guides/android/customizing-the-interface/customizing-the-thumbnail-bar.md)
- [Show or hide the UI in our Android viewer](/guides/android/customizing-the-interface/user-interface-visibility.md)