Customize Digital Signature Appearance in React PDF Viewer
14 Aug 20261 minute to read
This page explains how to customize the visual appearance of PKI digital signature (visible signature appearance) produced with the Syncfusion PDF Library.
Overview
When applying a PKI digital signature, you can create a visible appearance that includes text, images (logo/seal), fonts, and layout. The appearance is rendered by drawing text and images into signature graphics via the PDF Library, then embedding them in the signature field.
For implementation details and exact API usage, check the Syncfusion PDF Library references:
- .NET PDF Library — Drawing text/image in the signature appearance
- JavaScript PDF Library — Drawing text/image in the signature appearance
What you can customize
- Text (signer name, signing reason, date, descriptive labels)
- Fonts, sizes, and styles
- Images (company logo, seal, signature image)
- Layout and bounding box for the visible appearance (page index, x, y, width, and height)
Visible vs invisible signatures
A PKI signature can be applied as either a visible signature (with a rendered appearance placed on a page) or an invisible signature (with no visual representation). The Syncfusion PDF Library supports both modes; the customization options on this page apply only to visible signatures.
Guidance
- Use the PDF Library APIs to draw strings and images into the signature appearance graphics; attach the resulting appearance to the signature field before finalizing the PKI signature.
- Prefer embedding high‑quality logo/seal images and use readable fonts for accessibility.
- Keep the appearance compact to avoid overlapping form content and to preserve signature validation data.
- Test appearances across typical page sizes and DPI settings to ensure consistent rendering.
Best Practices
- Use consistent branding for signature visuals.
- Keep appearance elements minimal and readable.
- Avoid including data that might change after signing; when a Time Stamping Authority (TSA) is used, the displayed date should reflect the time provided by the TSA.
- When producing legally binding signatures, ensure the PKI signing process and appearance comply with your legal/operational requirements.