Skip to content

Commit 62ac910

Browse files
SF4524LogeshKumarSF4524LogeshKumar
committed
993766: Redaction UG Documentation Core Platform
1 parent 4b790d3 commit 62ac910

32 files changed

+909
-0
lines changed

‎Document-Processing-toc.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -175,6 +175,16 @@
175175
<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/annotation/annotations-in-mobile-view">Annotations in Mobile view</a></li>
176176
</ul>
177177
</li>
178+
<li>Redaction
179+
<ul>
180+
<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/Redaction/overview">Text Markup Annotation</a></li>
181+
<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/Redaction/programmatic-support">Programmatic Support</a></li>
182+
<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/Redaction/ui-interaction">UI Interactions</a></li>
183+
<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/Redaction/toolbar">Toolbar</a></li>
184+
<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/Redaction/mobile-view">Mobile View</a></li>
185+
<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/Redaction/search-redact">Search Text and Redact</a></li>
186+
</ul>
187+
</li>
178188
<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/interaction-mode">Interaction Mode</a></li>
179189
<li>Form Designer
180190
<ul>

‎Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/mobile-view.md‎

Lines changed: 189 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,189 @@
1+
---
2+
layout: post
3+
title: Redaction in mobile view in Core PDF Viewer | Syncfusion
4+
description: Learn how to apply redactions in mobile view using the Syncfusion ASP.NET Core PDF Viewer with a complete toolbar setup and redaction workflow.
5+
platform: document-processing
6+
control: PdfViewer
7+
documentation: ug
8+
---
9+
10+
# Redaction in Mobile View in ASP.NET Core PdfViewer Component
11+
12+
The Redaction Tool enables users to permanently mark and remove sensitive content from PDF documents in mobile view using the ASP.NET Core PdfViewer component. This feature is optimized for touch interactions and provides a streamlined redaction workflow specifically designed for mobile devices.
13+
14+
![Redaction in Mobile View](./redaction-annotations-images/redaction-mobile-view.png)
15+
16+
N> In mobile view, the redaction toolbar appears at the bottom of the viewer for easy thumb access. Mobile layout activates automatically on small screens.
17+
18+
## Adding Redaction in Mobile View
19+
20+
To enable redaction functionality in your ASP.NET Core application, configure the PDF Viewer with the following setup:
21+
22+
{% tabs %}
23+
{% highlight cshtml tabtitle="Standalone" %}
24+
<div class="text-center">
25+
<ejs-pdfviewer
26+
id="pdfViewer"
27+
style="height:640px; display:block"
28+
resourceUrl="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib"
29+
documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
30+
</ejs-pdfviewer>
31+
</div>
32+
<script type="text/javascript">
33+
window.onload = function () {
34+
var viewer = document.getElementById('pdfViewer').ej2_instances[0];
35+
// Include RedactionEditTool in the primary toolbar
36+
viewer.toolbarSettings = {
37+
toolbarItems: [
38+
'OpenOption',
39+
'UndoRedoTool',
40+
'PageNavigationTool',
41+
'MagnificationTool',
42+
'PanTool',
43+
'SelectionTool',
44+
'CommentTool',
45+
'SubmitForm',
46+
'AnnotationEditTool',
47+
'RedactionEditTool',
48+
'FormDesignerEditTool',
49+
'SearchOption',
50+
'PrintOption',
51+
'DownloadOption'
52+
]
53+
};
54+
}
55+
</script>
56+
{% endhighlight %}
57+
{% endtabs %}
58+
59+
## Understanding Mobile Redaction Toolbar Tools
60+
61+
When you enter redaction mode in mobile view, a specialized redaction toolbar appears with multiple tools optimized for touch interaction. Each tool serves a specific purpose in the redaction workflow.
62+
63+
### Redaction Annotation Tool
64+
65+
The Redaction Annotation tool is the primary redaction feature that allows you to draw redaction rectangles on specific content:
66+
67+
Function: Creates visual redaction annotations that mark content for permanent removal
68+
Usage:
69+
Touch and drag to draw rectangular redaction overlays on any content area.
70+
71+
Process:
72+
- Selected content appears with a customizable overlay (default black)
73+
- Annotations remain editable until explicitly applied
74+
- Can be repositioned or deleted before final application
75+
76+
![Redaction Annotation Tool](./redaction-annotations-images/redaction-annotation-annot.png)
77+
78+
### Page Redaction Tool
79+
80+
The Page Redaction tool enables batch redaction of entire pages based on specific patterns.
81+
82+
![Page Redaction Tool](./redaction-annotations-images/page-redaction-annot.png)
83+
84+
Function: Redacts complete pages or page ranges with a single action
85+
Options Available:
86+
- Odd Pages: Redacts only odd-numbered pages (1, 3, 5, etc.)
87+
- Even Pages: Redacts only even-numbered pages (2, 4, 6, etc.)
88+
- Specific Page: Specify single pages, ranges (e.g., 1-5, 10-15), or comma-separated lists (e.g., 1,3,5-7)
89+
- Current Page: Redacts only the currently displayed page
90+
91+
Usage:
92+
Select desired pattern → Review affected pages in the viewer → Confirm redaction scope
93+
94+
![Page Redaction Tool Dialog](./redaction-annotations-images/page-redaction-dialog-annot.png)
95+
96+
### Redaction Properties Tool
97+
98+
The Redaction Properties tool allows customization of redaction appearance before application.
99+
100+
![Redaction Properties Mobile View](./redaction-annotations-images/redaction-properties-annot.png)
101+
102+
Function: Customize the visual appearance of redaction overlays and text replacement
103+
Customizable Properties:
104+
- Fill Color: Change the redaction overlay color (default: black)
105+
- Outline Color: Set outline color for redaction boxes (optional)
106+
- Overlay Text: Add custom text to appear on redacted areas (e.g., "REDACTED", "CONFIDENTIAL")
107+
- Text Color: Change overlay text color for better visibility
108+
- Text Font: Select font family for overlay text
109+
- Text Alignment: Position overlay text within redaction boxes
110+
- Text Size: Adjust overlay text size relative to redaction area
111+
112+
![Redaction Properties Dialog Mobile View](./redaction-annotations-images/redaction-properties-dialog-annot.png)
113+
114+
## Enabling Redaction Mode in Mobile View
115+
116+
Step 1: Tap the Redaction button in the mobile toolbar to activate redaction mode. The redaction toolbar will appear at the bottom of the viewer.
117+
118+
![Redaction toolbar displayed at bottom of mobile PDF viewer with three distinct tools](./redaction-annotations-images/redaction-mobile-view.png)
119+
120+
Step 2: From the redaction toolbar, select your desired redaction tool:
121+
- First Tool (Redaction Annotation): For selective content redaction
122+
- Second Tool (Page Redaction): For page-wide or pattern-based redaction
123+
- Third Tool (Redaction Properties): For appearance customization
124+
125+
Step 3: Configure your redaction parameters using the selected tool interface.
126+
127+
## Applying Different Redaction Types in Mobile View
128+
129+
### Selective Content Redaction
130+
1. Select Redaction Annotation tool (first button)
131+
2. Choose Content: Tap and drag over text or draw rectangular areas
132+
3. Preview: Check redaction overlays for accuracy
133+
4. Apply: Tap "Apply Redactions" button
134+
135+
### Page-Wide Redaction
136+
1. Select Page Redaction tool (second button)
137+
2. Choose Pattern: Select odd pages, even pages, or custom range
138+
3. Review: Verify affected pages in the viewer
139+
4. Apply: Confirm page redaction scope and apply
140+
141+
### Custom Appearance Redaction
142+
1. Select Redaction Properties tool (third button)
143+
2. Customize: Adjust colors, overlay text, and formatting
144+
3. Preview: See changes applied to existing annotations
145+
4. Apply: Use customized appearance for final redaction
146+
147+
## Applying Redactions in Mobile View
148+
149+
N> Applying redactions is permanent. After applying, the underlying content and text are removed from the document and cannot be recovered.
150+
151+
Once you have configured redactions using any combination of tools.
152+
153+
Step 1: Review all redaction marks and configurations.
154+
155+
![Review Redaction Annotation](./redaction-annotations-images/review-redaction-annotation-mv-annot.png)
156+
157+
Step 2: Tap the Apply Redactions button in the redaction toolbar
158+
159+
![Apply Redaction Button](./redaction-annotations-images/apply-redaction-button-mv.png)
160+
161+
Step 3: Confirm the action when prompted - this operation is permanent and cannot be undone
162+
163+
![Apply Redaction Dialog](./redaction-annotations-images/apply-redaction-dialog-mv-annot.png)
164+
165+
The selected content will be permanently removed and replaced according to your redaction properties (solid color blocks or custom overlay text).
166+
167+
![Applied Redaction](./redaction-annotations-images/applied-redaction-annot.png)
168+
169+
## Removing Redaction Annotations
170+
171+
To remove existing redaction annotations before they are applied:
172+
173+
- Step 1: Tap the Redaction Edit button in the mobile toolbar to enter annotation editing mode
174+
- Step 2: Tap on any existing redaction annotation you wish to remove
175+
- Step 3: Select Delete from the context menu that appears
176+
177+
Alternative: Tap redaction annotation → Use delete button in annotation properties panel
178+
179+
![Delete Redaction Annotation](./redaction-annotations-images/delete-redaction-annotation-annot.png)
180+
181+
N> Once redactions have been applied to the document, they become part of the PDF content and cannot be removed or modified.
182+
183+
## See Also
184+
185+
* [Redaction Overview](./overview)
186+
* [UI Interaction](./ui-interaction)
187+
* [Programmatic Support in Redaction](./programmatic-support)
188+
* [Toolbar](./toolbar)
189+
* [Search Text and Redact](./search-redact)

‎Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/overview.md‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
---
2+
layout: post
3+
title: Redaction annotation in Core PDF Viewer | Syncfusion
4+
description: Learn how to hide sensitive information with interactive and programmatic redaction using the Syncfusion ASP.NET Core PDF Viewer.
5+
platform: document-processing
6+
control: PDF Viewer
7+
documentation: ug
8+
domainurl: ##DomainURL##
9+
---
10+
11+
# Redaction in ASP.NET Core PdfViewer
12+
13+
Redaction annotations are used to hide confidential or sensitive information in a PDF. The Syncfusion ASP.NET Core PDF Viewer lets you mark areas or entire pages for redaction, customize their appearance, and permanently apply them with a single action.
14+
15+
N> Prerequisites: Add the PdfViewer control to your ASP.NET Core application and ensure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
16+
17+
![Toolbar with the Redaction tool highlighted](redaction-annotations-images/redaction-icon-toolbar.png)
18+
19+
## Add Redaction Annotations
20+
21+
You can mark specific content for redaction using the toolbar or through code.
22+
23+
Select the **Redaction tool** and draw over the text or graphics you want to hide. You can also add overlay text (such as “Confidential”) and adjust the style — fill color, border color, and opacity.
24+
25+
![Drawing a redaction region over page content](redaction-annotations-images/adding-redaction-annotation.png)
26+
27+
## Delete Redaction Annotations
28+
29+
Redaction annotations can be removed easily:
30+
31+
- Click the **Delete** button on the toolbar, or
32+
- Select the annotation and press the **Delete** key.
33+
34+
![Toolbar showing the Delete command for redaction](redaction-annotations-images/redaction-delete-icon.png)
35+
36+
## Redact Entire Pages
37+
38+
The viewer allows you to redact whole pages that contain sensitive information. You can choose specific pages, page ranges, or redact all pages using the built‑in dialog, or perform the same action programmatically.
39+
40+
![Toolbar showing the Redact Page option](redaction-annotations-images/redact-page-icon.png)
41+
42+
## Apply Redaction
43+
44+
Once annotations are added, you can permanently apply them to the document. This action cannot be undone.
45+
46+
Use the **Apply Redaction** button on the toolbar or call the API method:
47+
48+
- The button is disabled until at least one redaction annotation exists.
49+
- It becomes active when redaction annotations are present.
50+
51+
![Toolbar showing the Apply Redaction button](redaction-annotations-images/redact-button-icon.png)
52+
53+
A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
54+
55+
![Confirmation dialog for applying redaction](redaction-annotations-images/apply-redaction-dialog.png)
56+
57+
N> After redaction is applied, the original content cannot be recovered.
58+
59+
## Comment Support
60+
61+
Redaction annotations can include comments using the built‑in comment panel. This helps you add notes, track reviews, or record the reason for redaction.
62+
63+
Comments can be added through the UI or API. For more details, see the [Comments documentation](../annotations/comments).
64+
65+
## Import and Export Redaction Annotations
66+
67+
You can save and reload redaction annotations by exporting and importing them in JSON format. This makes it easy to persist annotations or share them across sessions.
68+
69+
For more details, see the [Export and import annotations documentation](../how-to/import-export-annotation).
70+
71+
## See also
72+
73+
* [Redaction UI interactions](./ui-interaction)
74+
* [Redaction Programmatic support](./programmatic-support)
75+
* [Redaction Toolbar](./toolbar)
76+
* [Redaction Mobile view](./mobile-view)
77+
* [Search Text and Redact](./search-redact)

0 commit comments

Comments
 (0)