SyncfusionExamples · KameshRajendran · Apr 7, 2026 · Apr 7, 2026
diff --git a/Videos/Siganture/Controllers/HomeController.cs b/Videos/Siganture/Controllers/HomeController.cs
@@ -0,0 +1,32 @@
+using System.Diagnostics;
+using Microsoft.AspNetCore.Mvc;
+using Siganture.Models;
+
+namespace Siganture.Controllers
+{
+    public class HomeController : Controller
+    {
+        private readonly ILogger<HomeController> _logger;
+
+        public HomeController(ILogger<HomeController> logger)
+        {
+            _logger = logger;
+        }
+
+        public IActionResult Index()
+        {
+            return View();
+        }
+
+        public IActionResult Privacy()
+        {
+            return View();
+        }
+
+        [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
+        public IActionResult Error()
+        {
+            return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
+        }
+    }
+}
diff --git a/Videos/Siganture/Models/ErrorViewModel.cs b/Videos/Siganture/Models/ErrorViewModel.cs
@@ -0,0 +1,9 @@
+namespace Siganture.Models
+{
+    public class ErrorViewModel
+    {
+        public string? RequestId { get; set; }
+
+        public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+    }
+}
diff --git a/Videos/Siganture/Program.cs b/Videos/Siganture/Program.cs
@@ -0,0 +1,27 @@
+var builder = WebApplication.CreateBuilder(args);
+
+// Add services to the container.
+builder.Services.AddControllersWithViews();
+
+var app = builder.Build();
+
+// Configure the HTTP request pipeline.
+if (!app.Environment.IsDevelopment())
+{
+    app.UseExceptionHandler("/Home/Error");
+    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
+    app.UseHsts();
+}
+
+app.UseHttpsRedirection();
+app.UseStaticFiles();
+
+app.UseRouting();
+
+app.UseAuthorization();
+
+app.MapControllerRoute(
+    name: "default",
+    pattern: "{controller=Home}/{action=Index}/{id?}");
+
+app.Run();
diff --git a/Videos/Siganture/Properties/launchSettings.json b/Videos/Siganture/Properties/launchSettings.json
@@ -0,0 +1,38 @@
+{
+  "$schema": "http://json.schemastore.org/launchsettings.json",
+  "iisSettings": {
+    "windowsAuthentication": false,
+    "anonymousAuthentication": true,
+    "iisExpress": {
+      "applicationUrl": "http://localhost:24998",
+      "sslPort": 44374
+    }
+  },
+  "profiles": {
+    "http": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "applicationUrl": "http://localhost:5230",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "https": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "applicationUrl": "https://localhost:7128;http://localhost:5230",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "IIS Express": {
+      "commandName": "IISExpress",
+      "launchBrowser": true,
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}
diff --git a/Videos/Siganture/Siganture.csproj b/Videos/Siganture/Siganture.csproj
@@ -0,0 +1,13 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Syncfusion.EJ2.AspNet.Core" Version="*" />
+  </ItemGroup>
+
+</Project>
diff --git a/Videos/Siganture/Views/Home/Index.cshtml b/Videos/Siganture/Views/Home/Index.cshtml
@@ -0,0 +1,79 @@
+@{
+    ViewData["Title"] = "Home Page";
+}
+
+<div style="display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 20px;
+    background-color: #f5f5f5;">
+
+    <h3 style="margin: 0;">PDF Viewer</h3>
+
+    <div style="display: flex; gap: 10px;">
+        <button onclick="onAddHandwritten()">Add Handwritten Signature</button>
+        <button onclick="onAddTyped()">Add Typed Signature</button>
+        <button onclick="onAddImage()">Add Image Signature</button>
+    </div>
+
+</div>
+
+<ejs-pdfviewer id="pdfviewer"
+               style="height:600px"
+               enableToolbar="false"
+               documentPath="https://cdn.syncfusion.com/content/pdf/handwritten-signature.pdf">
+</ejs-pdfviewer>
+
+<script>
+
+        function onAddHandwritten() {
+            var viewer = document.getElementById('pdfviewer').ej2_instances[0];
+            viewer.annotation.addAnnotation("HandWrittenSignature", {
+                offset: { x: 100, y: 610 },
+                pageNumber: 1,
+                width: 150,
+                height: 60,
+                signatureItem: ['Signature'],
+                signatureDialogSettings: {
+                    displayMode: ej.pdfviewer.DisplayMode.Draw
+                },
+                canSave: true,
+                path: 'M199.46022033691406,68.97726440429688 L199.46022033691406,68.97726440429688 L198.55113220214844,76.25 L197.6420440673828,83.52273559570312 L196.7329559326172,93.52273559570312 L195.82386779785156,113.52273559570312 L195.82386779785156,132.6136474609375 L195.82386779785156,148.97726440429688 L195.82386779785156,162.61361694335938 L195.82386779785156,168.06817626953125 L195.82386779785156,176.25 L195.82386779785156,178.97726440429688 L195.82386779785156,179.8863525390625 L195.82386779785156,178.97726440429688 L195.82386779785156,171.70452880859375 L194.91477966308594,165.34091186523438 L190.3693084716797,148.06817626953125 L184.91477966308594,130.79544067382812 L181.2783966064453,117.15908813476562 L180.3693084716797,104.43182373046875 L183.09657287597656,92.6136474609375 L188.55113220214844,84.43182373046875 L194.91477966308594,79.8863525390625 L199.46022033691406,78.97726440429688 L208.55113220214844,78.06817626953125 L217.6420440673828,79.8863525390625 L224.0056610107422,86.25 L228.55113220214844,96.25 L229.46022033691406,112.6136474609375 L225.82386779785156,126.25 L222.18748474121094,131.70452880859375 L216.7329559326172,138.97726440429688 L214.0056610107422,141.70452880859375 L213.09657287597656,142.61361694335938 L212.18748474121094,143.52273559570312 L213.09657287597656,143.52273559570312 L214.0056610107422,143.52273559570312 L217.6420440673828,141.70452880859375 L227.6420440673828,139.8863525390625 L236.7329559326172,140.79544067382812 L242.18748474121094,144.43182373046875 L244.91477966308594,152.61361694335938 L238.55113220214844,167.15908813476562 L227.6420440673828,178.97726440429688 L220.3693084716797,183.52273559570312 L208.55113220214844,189.8863525390625 L202.18748474121094,191.70452880859375 L197.6420440673828,191.70452880859375 L196.7329559326172,191.70452880859375 L196.7329559326172,192.61361694335938 L195.82386779785156,191.70452880859375 L196.7329559326172,191.70452880859375 L198.55113220214844,191.70452880859375 L201.2783966064453,191.70452880859375 L209.46022033691406,190.79544067382812 L224.91477966308594,188.06817626953125 L242.18748474121094,180.79544067382812 L255.82386779785156,169.8863525390625 L261.2783966064453,164.43182373046875 L269.46022033691406,152.61361694335938 L274.0056610107422,142.61361694335938 L274.0056610107422,137.15908813476562 L274.0056610107422,135.34091186523438 L274.0056610107422,134.43182373046875 L273.09657287597656,134.43182373046875 L272.18748474121094,134.43182373046875 L270.3693084716797,135.34091186523438 L266.7329559326172,143.52273559570312 L264.0056610107422,157.15908813476562 L266.7329559326172,168.06817626953125 L271.2783966064453,174.43182373046875 L280.3693084716797,177.15908813476562 L286.7329559326172,175.34091186523438 L298.55113220214844,167.15908813476562 L305.82386779785156,157.15908813476562 L308.55113220214844,145.34091186523438 L308.55113220214844,135.34091186523438 L306.7329559326172,128.06817626953125 L304.0056610107422,125.34091186523438 L298.55113220214844,120.79544067382812 L293.09657287597656,118.97726440429688 L285.82386779785156,119.8863525390625 L281.2783966064453,121.70452880859375 L278.55113220214844,124.43182373046875 L278.55113220214844,127.15908813476562 L280.3693084716797,130.79544067382812 L284.9147491455078,131.70452880859375 L299.46022033691406,128.97726440429688 L316.7329559326172,118.97726440429688 L329.46022033691406,105.34091186523438 L337.6420440673828,90.79544067382812 L341.2783966064453,78.06817626953125 L342.18748474121094,70.79544067382812 L343.09657287597656,68.97726440429688 L342.18748474121094,67.15908813476562 L341.2783966064453,67.15908813476562 L338.55113220214844,68.06817626953125 L330.3693084716797,77.15908813476562 L322.18748474121094,94.43182373046875 L318.55113220214844,106.25 L314.9147491455078,126.25 L314.0056610107422,147.15908813476562 L316.7329559326172,163.52273559570312 L324.0056610107422,173.52273559570312 L332.18748474121094,175.34091186523438 L340.3693084716797,168.06817626953125 L345.82383728027344,162.61361694335938 L353.0966033935547,150.79544067382812 L356.7329559326172,137.15908813476562 L356.7329559326172,127.15908813476562 L353.0966033935547,120.79544067382812 L348.55113220214844,118.06817626953125 L344.9147491455078,117.15908813476562 L342.18748474121094,118.06817626953125 L339.46022033691406,119.8863525390625 L338.55113220214844,123.52273559570312 L340.3693084716797,127.15908813476562 L349.46018981933594,128.97726440429688 L360.3693084716797,128.06817626953125 L365.82383728027344,126.25 L379.46018981933594,121.70452880859375 L381.2783660888672,120.79544067382812 L384.91477966308594,118.97726440429688 L385.82383728027344,117.15908813476562 L385.82383728027344,116.25 M295.82386779785156,119.8863525390625 L295.82386779785156,119.8863525390625 L294.0056610107422,120.79544067382812 L292.18748474121094,121.70452880859375 L290.3693084716797,122.6136474609375 L288.55113220214844,124.43182373046875 L284.9147491455078,127.15908813476562 L284.0056610107422,128.97726440429688 L280.3693084716797,132.6136474609375 L277.6420440673828,135.34091186523438 L275.82386779785156,137.15908813476562'
+            });
+        }
+
+        function onAddTyped() {
+            var viewer = document.getElementById('pdfviewer').ej2_instances[0];
+             viewer.annotation.addAnnotation("HandWrittenSignature", {
+                offset: { x: 60, y: 610 },
+                pageNumber: 1,
+                width: 150,
+                height: 60,
+                signatureItem: ['Signature'],
+                signatureDialogSettings: {
+                    displayMode: ej.pdfviewer.DisplayMode.Text
+                },
+                canSave: true,
+                path: 'bob',
+                fontFamily: "Helvetica",
+             });
+        }
+
+        function onAddImage() {
+            var viewer = document.getElementById('pdfviewer').ej2_instances[0];
+            viewer.annotation.addAnnotation("Initial", {
+                offset: { x: 80, y: 610  },
+                pageNumber: 1,
+                width: 140,
+                height: 60,
+                signatureItem: ['Initial'],
+                initialDialogSettings: {
+                    displayMode: ej.pdfviewer.DisplayMode.Upload,
+                },
+                canSave: true,
+                path: 'data:image/png;base64,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',
+    });
+    }
+
+
+</script>
diff --git a/Videos/Siganture/Views/Home/Privacy.cshtml b/Videos/Siganture/Views/Home/Privacy.cshtml
@@ -0,0 +1,6 @@
+@{
+    ViewData["Title"] = "Privacy Policy";
+}
+<h1>@ViewData["Title"]</h1>
+
+<p>Use this page to detail your site's privacy policy.</p>
diff --git a/Videos/Siganture/Views/Shared/Error.cshtml b/Videos/Siganture/Views/Shared/Error.cshtml
@@ -0,0 +1,25 @@
+@model ErrorViewModel
+@{
+    ViewData["Title"] = "Error";
+}
+
+<h1 class="text-danger">Error.</h1>
+<h2 class="text-danger">An error occurred while processing your request.</h2>
+
+@if (Model.ShowRequestId)
+{
+    <p>
+        <strong>Request ID:</strong> <code>@Model.RequestId</code>
+    </p>
+}
+
+<h3>Development Mode</h3>
+<p>
+    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
+</p>
+<p>
+    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
+    It can result in displaying sensitive information from exceptions to end users.
+    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+    and restarting the app.
+</p>
diff --git a/Videos/Siganture/Views/Shared/_Layout.cshtml b/Videos/Siganture/Views/Shared/_Layout.cshtml
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>@ViewData["Title"] - Siganture</title>
+    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
+    <link rel="stylesheet" href="~/Siganture.styles.css" asp-append-version="true" />
+    <link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/32.2.3/fluent.css" />
+    <script src="https://cdn.syncfusion.com/ej2/32.2.3/dist/ej2.min.js"></script>
+</head>
+<body>
+    <header>
+        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
+            <div class="container-fluid">
+                <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">Siganture</a>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
+                        aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
+                    <ul class="navbar-nav flex-grow-1">
+                        <li class="nav-item">
+                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+    </header>
+    <div class="container">
+        <main role="main" class="pb-3">
+            @RenderBody()
+        </main>
+    </div>
+
+    <footer class="border-top footer text-muted">
+        <div class="container">
+            &copy; 2026 - Siganture - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
+        </div>
+    </footer>
+    <script src="~/lib/jquery/dist/jquery.min.js"></script>
+    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="~/js/site.js" asp-append-version="true"></script>
+    @await RenderSectionAsync("Scripts", required: false)
+    <ejs-scripts></ejs-scripts>
+</body>
+</html>
diff --git a/Videos/Siganture/Views/Shared/_Layout.cshtml.css b/Videos/Siganture/Views/Shared/_Layout.cshtml.css
@@ -0,0 +1,48 @@
+/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
+for details on configuring this project to bundle and minify static web assets. */
+
+a.navbar-brand {
+  white-space: normal;
+  text-align: center;
+  word-break: break-all;
+}
+
+a {
+  color: #0077cc;
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: #1b6ec2;
+  border-color: #1861ac;
+}
+
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+  color: #fff;
+  background-color: #1b6ec2;
+  border-color: #1861ac;
+}
+
+.border-top {
+  border-top: 1px solid #e5e5e5;
+}
+.border-bottom {
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.box-shadow {
+  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
+}
+
+button.accept-policy {
+  font-size: 1rem;
+  line-height: inherit;
+}
+
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  white-space: nowrap;
+  line-height: 60px;
+}
diff --git a/Videos/Siganture/Views/Shared/_ValidationScriptsPartial.cshtml b/Videos/Siganture/Views/Shared/_ValidationScriptsPartial.cshtml
@@ -0,0 +1,2 @@
+<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
+<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
diff --git a/Videos/Siganture/Views/_ViewImports.cshtml b/Videos/Siganture/Views/_ViewImports.cshtml
@@ -0,0 +1,4 @@
+@using Siganture
+@using Siganture.Models
+@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
+@addTagHelper *, Syncfusion.EJ2
diff --git a/Videos/Siganture/Views/_ViewStart.cshtml b/Videos/Siganture/Views/_ViewStart.cshtml
@@ -0,0 +1,3 @@
+@{
+    Layout = "_Layout";
+}
diff --git a/Videos/Siganture/appsettings.Development.json b/Videos/Siganture/appsettings.Development.json
@@ -0,0 +1,8 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}
diff --git a/Videos/Siganture/appsettings.json b/Videos/Siganture/appsettings.json
@@ -0,0 +1,9 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  },
+  "AllowedHosts": "*"
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
		<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>