---
title: "Customize electronic signatures UI in iOS"
canonical_url: "https://www.nutrient.io/guides/ios/signatures/customizing-the-signature-user-interface/"
md_url: "https://www.nutrient.io/guides/ios/signatures/customizing-the-signature-user-interface.md"
last_updated: "2026-05-23T00:08:18.131Z"
description: "Learn how to customize the electronic signatures UI on iOS with different creation modes and fonts."
---

# Customize electronic signatures UI on iOS

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 [`SignatureCreationViewController.Configuration`](https://www.nutrient.io/api/ios/documentation/pspdfkitui/signaturecreationviewcontroller/configuration-swift.struct). You can change the available mode via [`availableModes`](https://www.nutrient.io/api/ios/documentation/pspdfkitui/signaturecreationviewcontroller/configuration-swift.struct/availablemodes) and the fonts via [`fonts`](https://www.nutrient.io/api/ios/documentation/pspdfkitui/signaturecreationviewcontroller/configuration-swift.struct/fonts).

### Setting available signature creation modes

`availableModes` accepts an array of `SignatureCreationViewController.Mode` 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 `[.draw,.image,.type]`.

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

```swift

let controller = PDFViewController(document: document) { builder in
	 builder.signatureCreationConfiguration.availableModes = [.type,.image]
}

```![Screenshot showing the signature creation modal view with the Type tab followed by the Image tab.](@/assets/guides/ios/signatures/customizing-the-signature-user-interface/custom-modes.png)

### Setting available fonts to sign with

The [`fonts`](https://www.nutrient.io/api/ios/documentation/pspdfkitui/signaturecreationviewcontroller/configuration-swift.struct/fonts) property contains an array of `UIFont` objects that can be selected in the typing tab of the signing UI.

By default, this property contains four predefined fonts that are bundled with the SDK. However, you can change, add, or remove these fonts however you like. You must provide at least one font. If you only provide one, then the UI will be simplified by removing the list of styles.

Note that the size of the provided `UIFont` will be ignored, as the signing UI will display the font in an appropriate size by overriding the previously used font size.

To change the fonts that are used by default, you can use code like this:

```swift

let controller = PDFViewController(document: document) { builder in
	 builder.signatureCreationConfiguration.fonts = [UIFont(name: "Zapfino", size: 1)!]
}

```![Screenshot of signing UI showing the name John Appleseed in the curly Zapfino font.](@/assets/guides/ios/signatures/customizing-the-signature-user-interface/single-font.png)
---

## Related pages

- [Localization: Change languages in our iOS PDF viewer](/guides/ios/features/localization.md)
- [Customizing PDF viewer styling on iOS](/guides/ios/customizing-the-interface/appearance-styling.md)
- [Customizing our iOS PDF viewer](/guides/ios/user-interface.md)
- [Overriding classes in our iOS viewer](/guides/ios/getting-started/overriding-classes.md)
- [Customizing the toolbar in our visionOS PDF viewer](/guides/ios/user-interface/main-toolbar-visionos.md)
- [Editing PDFs in our iOS viewer](/guides/ios/features/document-editor-ui.md)
- [Customizing menus on iOS](/guides/ios/customizing-the-interface/customizing-menus.md)
- [Customizing the toolbar in our iOS PDF viewer](/guides/ios/user-interface/main-toolbar.md)