diff --git a/Document-Processing/PDF/PDF-Viewer/react/Localization/default-language.md b/Document-Processing/PDF/PDF-Viewer/react/Localization/default-language.md index 39ccf9aa4f..c6e7895076 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/Localization/default-language.md +++ b/Document-Processing/PDF/PDF-Viewer/react/Localization/default-language.md @@ -1,7 +1,7 @@ --- layout: post title: Localization in React PDF Viewer | Syncfusion -description: Learn here all about the default language culture and localization in Syncfusion React PDF Viewer component. +description: Learn about the default language culture and localization in the Syncfusion React PDF Viewer component. platform: document-processing control: PDF Viewer documentation: ug @@ -10,16 +10,18 @@ domainurl: ##DomainURL## # Localization in the React PDF Viewer -The PDF Viewer supports localization of UI text, tooltips, and messages using culture-specific string collections so the interface matches users' language and regional settings. - -![Default Locale](../../javascript-es6/images/locale-us.gif) - -N> Change the viewer locale by setting the `locale` property on the React component or by loading translations with `L10n.load` from `@syncfusion/ej2-base`. +The PDF Viewer supports localization of UI text, tooltips, and messages using culture-specific string collections so that the interface matches users' language and regional settings. ## Default language (en-US) By default, the PDF Viewer uses the `en-US` culture and requires no additional configuration. +![Default en-US locale](../../javascript-es6/images/locale-us.gif) + +*Default PDF Viewer UI rendered in the en-US culture.* + +N> You can change the viewer locale by setting the [`locale`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/index-default#locale) property on the React component. To load custom translations, use `L10n.load` from `@syncfusion/ej2-base`. + {% tabs %} {% highlight js tabtitle="Standalone" %} {% raw %} @@ -28,7 +30,7 @@ import * as React from 'react'; import './index.css'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, - ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormDesigner, FormFields, Inject + ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormDesigner, FormFields } from '@syncfusion/ej2-react-pdfviewer'; // Inject required modules @@ -99,7 +101,7 @@ The following table lists the default text values used by the PDF Viewer in the |Apply|Apply| |GoToPage|Go to page| |No Matches|Viewer has finished searching the document. No more matches were found| -|No Text Found|No Text Found| +|No Text Found|No text found| |Undo|Undo| |Redo|Redo| |Annotation|Add or Edit annotations| @@ -113,7 +115,7 @@ The following table lists the default text values used by the PDF Viewer in the |Highlight context|Highlight| |Underline context|Underline| |Strikethrough context|Strike through| -|Server error|Web-service is not listening. PDF Viewer depends on web-service for all it's features. Please start the web service to continue.| +|Server error|Web-service is not listening. PDF Viewer depends on web-service for all its features. Please start the web service to continue.| |Open text|Open| |First text|First Page| |Previous text|Previous Page| @@ -128,7 +130,7 @@ The following table lists the default text values used by the PDF Viewer in the |Annotation Edit text|Edit Annotation| |Line Thickness|Line Thickness| |Line Properties|Line Properties| -|Start Arrow|Start Arrow | +|Start Arrow|Start Arrow| |End Arrow|End Arrow| |Line Style|Line Style| |Fill Color|Fill Color| @@ -153,15 +155,15 @@ The following table lists the default text values used by the PDF Viewer in the |Add circle|Add Circle| |Add polygon|Add Polygon| |Add Comments|Add Comments| -|Comments| Comments| +|Comments|Comments| |No Comments Yet|No Comments Yet| -|Accepted| Accepted| -|Completed| Completed| -|Cancelled| Cancelled| -|Rejected| Rejected| +|Accepted|Accepted| +|Completed|Completed| +|Cancelled|Cancelled| +|Rejected|Rejected| |Leader Length|Leader Length| |Scale Ratio|Scale Ratio| -|Calibrate| Calibrate| +|Calibrate|Calibrate| |Calibrate Distance|Calibrate Distance| |Calibrate Perimeter|Calibrate Perimeter| |Calibrate Area|Calibrate Area| @@ -198,12 +200,12 @@ The following table lists the default text values used by the PDF Viewer in the |Text Align|Text Align| |Text Properties|Text Properties| |Draw Signature|Draw Signature| -|Create| Create| +|Create|Create| |Font family|Font Family| |Font size|Font Size| |Free Text|Free Text| |Import Failed|Import Failed| -|File not found|File Not Found| +|File not found|File not found| |Export Failed|Export Failed| |Dynamic|Dynamic| |Standard Business|Standard Business| @@ -251,7 +253,7 @@ The following table lists the default text values used by the PDF Viewer in the |List Box|List Box| |Signature|Signature| |Delete FormField|Delete FormField| -|FormDesigner Edit text|Form Designer Edit Text| +|FormDesigner Edit text|Form Designer Edit text| |in|in| |m|m| |ft_in|ft_in| diff --git a/Document-Processing/PDF/PDF-Viewer/react/Localization/new-language.md b/Document-Processing/PDF/PDF-Viewer/react/Localization/new-language.md index 6390e9cdf3..8323896ab6 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/Localization/new-language.md +++ b/Document-Processing/PDF/PDF-Viewer/react/Localization/new-language.md @@ -23,9 +23,9 @@ Use the React PDF Viewer’s [locale](https://ej2.syncfusion.com/react/documenta - (Optional) A list of keys you want to override. ## Quick start (set German) -1. **Load translations** with `L10n.load` at app start (only include the keys you want to change). -2. **Set the culture** by passing `locale` value to ``. -3. **Render the viewer** as usual. Missing keys will automatically fall back to `en-US`. +1. **Load translations** with `L10n.load` at app start (only include the keys you want to change). The example below loads the full set; you can load only the keys you need. +2. **Set the culture** by passing a `locale` value to ``. The code below uses `de`; replace it with any other supported culture code (for example, `'fr'`, `'es'`, `'ja'`, or a region-specific tag like `'de-DE'`). +3. **Render the viewer** as usual. Missing keys automatically fall back to `en-US`. {% tabs %} {% highlight js tabtitle="Standalone" %} @@ -68,7 +68,7 @@ L10n.load({ 'Zoom Out': 'Herauszoomen', 'Page Thumbnails': 'Miniaturansichten der Seiten', 'Bookmarks': 'Lesezeichen', - 'Print': 'Druckdatei', + 'Print': 'Drucken', 'Organize Pages': 'Seiten organisieren', 'Insert Right': 'Rechts einfügen', 'Insert Left': 'Links einfügen', @@ -84,9 +84,9 @@ L10n.load({ 'Save': 'Speichern', 'Save As': 'Speichern als', 'Select All': 'Wählen Sie Alle', - 'Change Page Zoom': 'Change Page Zoom', - 'Increase Page Zoom': 'Increase Page Zoom', - 'Decrease Page Zoom': 'Decrease Page Zoom', + 'Change Page Zoom': 'Seitenzoom ändern', + 'Increase Page Zoom': 'Seitenzoom vergrößern', + 'Decrease Page Zoom': 'Seitenzoom verringern', 'Password Protected': 'Passwort erforderlich', 'Copy': 'Kopieren', 'Text Selection': 'Textauswahltool', @@ -94,7 +94,7 @@ L10n.load({ 'Text Search': 'Text finden', 'Find in document': 'Im Dokument suchen', 'Match case': 'Gross- / Kleinschreibung', - 'Match any word': 'Passen Sie ein beliebiges Wort an', + 'Match any word': 'Treffe irgendein Wort', 'Apply': 'Anwenden', 'GoToPage': 'Gehen Sie zur Seite', 'No Matches': 'PDF Viewer hat die Suche im Dokument abgeschlossen. Es wurden keine Übereinstimmungen gefunden.', @@ -110,15 +110,15 @@ L10n.load({ 'Highlight': 'Text hervorheben', 'Underline': 'Text unterstreichen', 'Strikethrough': 'Durchgestrichener Text', - 'Squiggly': 'Squiggly Text', - 'Delete': 'Anmerkung löschen', + 'Squiggly': 'Zickzack', + 'Delete': 'löschen', 'Opacity': 'Opazität', 'Color edit': 'Farbe ändern', 'Opacity edit': 'Deckkraft ändern', 'Highlight context': 'Markieren', 'Underline context': 'Unterstreichen', - 'Strikethrough context': 'Durchschlagen', - 'Squiggly context': 'Squiggly', + 'Strikethrough context': 'Durchgestrichener Kontext', + 'Squiggly context': 'Geschwungener Kontext', 'Server error': 'Der Webdienst hört nicht zu. ', 'Client error': 'Der Client-Seiten-Fehler wird gefunden. Bitte überprüfen Sie die benutzerdefinierten Header in der Eigenschaft von AjaxRequestSets und Web -Aktion in der Eigenschaftsassettierungseigenschaft.', 'Cors policy error': 'Das Dokument kann aufgrund einer ungültigen URL- oder Zugriffsbeschränkungen nicht abgerufen werden. Bitte überprüfen Sie die Dokument -URL und versuchen Sie es erneut.', @@ -130,14 +130,14 @@ L10n.load({ 'Zoom in text': 'Hineinzoomen', 'Zoom out text': 'Rauszoomen', 'Selection text': 'Auswahl', - 'Pan text': 'Pfanne', + 'Pan text': 'Pan-Text', 'Print text': 'Drucken', 'Search text': 'Suchen', 'Annotation Edit text': 'Anmerkung bearbeiten', 'FormDesigner Edit text': 'Fügen Sie Formularfelder hinzu und bearbeiten Sie sie', 'Line Thickness': 'Dicke der Linie', 'Line Properties': 'Linieneigenschaften', - 'Start Arrow': 'Pfeil starten', + 'Start Arrow': 'Startpfeil', 'End Arrow': 'Endpfeil', 'Line Style': 'Linienstil', 'Fill Color': 'Füllfarbe', @@ -150,7 +150,7 @@ L10n.load({ 'Diamond Arrow': 'Diamant', 'Butt': 'Hintern', 'Cut': 'Schneiden', - 'Paste': 'Paste', + 'Paste': 'Einfügen', 'Delete Context': 'Löschen', 'Properties': 'Eigenschaften', 'Add Stamp': 'Stempel hinzufügen', @@ -191,13 +191,13 @@ L10n.load({ 'Page': 'Seite', 'Add a comment': 'Einen Kommentar hinzufügen', 'Add a reply': 'Fügen Sie eine Antwort hinzu', - 'Import Annotations': 'Importieren Sie Annotationen aus der JSON -Datei', - 'Export Annotations': 'Annotation an die JSON -Datei exportieren', - 'Export XFDF': 'Annotation in XFDF -Datei exportieren', - 'Import XFDF': 'Importieren Sie Annotationen aus der XFDF -Datei', + 'Import Annotations': 'Importieren Sie Annotationen aus der JSON-Datei', + 'Export Annotations': 'Annotation an die JSON-Datei exportieren', + 'Export XFDF': 'Annotation in XFDF-Datei exportieren', + 'Import XFDF': 'Importieren Sie Annotationen aus der XFDF-Datei', 'Add': 'Hinzufügen', 'Clear': 'Klar', - 'Bold': 'Deutlich', + 'Bold': 'Fett', 'Italic': 'Kursiv', 'Strikethroughs': 'Durchgestrichen', 'Underlines': 'Unterstreichen', @@ -205,7 +205,7 @@ L10n.load({ 'Subscript': 'Index', 'Align left': 'Linksbündig', 'Align right': 'Rechts ausrichten', - 'Center': 'Center', + 'Center': 'Zentrum', 'Justify': 'Rechtfertigen', 'Font color': 'Schriftfarbe', 'Text Align': 'Textausrichtung', @@ -219,11 +219,11 @@ L10n.load({ 'Font family': 'Schriftfamilie', 'Font size': 'Schriftgröße', 'Free Text': 'Freier Text', - 'Import Failed': 'Ungültiger JSON -Dateityp oder Dateiname; Bitte wählen Sie eine gültige JSON -Datei aus', - 'Import PDF Failed': 'Ungültige PDF -Dateityp oder PDF -Datei nicht gefunden. Bitte wählen Sie eine gültige PDF -Datei aus', - 'File not found': 'Die importierte JSON -Datei wird nicht am gewünschten Ort gefunden', + 'Import Failed': 'Ungültiger JSON-Dateityp oder Dateiname; Bitte wählen Sie eine gültige JSON-Datei aus', + 'Import PDF Failed': 'Ungültiger PDF-Dateityp oder PDF-Datei nicht gefunden. Bitte wählen Sie eine gültige PDF-Datei aus', + 'File not found': 'Die importierte JSON-Datei wird nicht am gewünschten Ort gefunden', 'Export Failed': 'Exportanmerkungen sind gescheitert. Bitte stellen Sie sicher, dass Anmerkungen ordnungsgemäß hinzugefügt werden', - 'of': 'von ', + 'of': 'von', 'Dynamic': 'Dynamisch', 'Standard Business': 'Standardgeschäft', 'Sign Here': 'Hier unterschreiben', @@ -238,20 +238,20 @@ L10n.load({ 'Textbox': 'Textfeld', 'Password': 'Passwort', 'Check Box': 'Kontrollkästchen', - 'Radio Button': 'Radio knopf', - 'Dropdown': 'Runterfallen', + 'Radio Button': 'Optionsfeld', + 'Dropdown': 'Dropdown', 'List Box': 'Listenfeld', 'Signature': 'Unterschrift', 'Delete FormField': 'Formular löschen', - 'Textbox Properties': 'Textbox -Eigenschaften', + 'Textbox Properties': 'Textbox-Eigenschaften', 'Name': 'Name', 'Tooltip': 'Tooltip', 'Value': 'Wert', - 'Form Field Visibility': 'Sichtbarkeit von Feldwäschen', + 'Form Field Visibility': 'Sichtbarkeit des Formularfelds', 'Read Only': 'Schreibgeschützt', 'Required': 'Erforderlich', 'Checked': 'Geprüft', - 'Show Printing': 'Drucken zeigen', + 'Show Printing': 'Druck anzeigen', 'Formatting': 'Format', 'Fill': 'Füllen', 'Border': 'Grenze', @@ -259,16 +259,16 @@ L10n.load({ 'Thickness': 'Dicke', 'Max Length': 'Maximale Länge', 'List Item': 'Artikelname', - 'Export Value': 'Gegenstandswert', - 'Dropdown Item List': 'Dropdown -Elementliste', + 'Export Value': 'Exportwert', + 'Dropdown Item List': 'Dropdown-Elementliste', 'List Box Item List': 'Listenfeldelementliste', - 'General': 'ALLGEMEIN', - 'Appearance': 'AUSSEHEN', - 'Options': 'OPTIONEN', + 'General': 'Allgemein', + 'Appearance': 'Aussehen', + 'Options': 'Optionen', 'Delete Item': 'Löschen', 'Up': 'Hoch', 'Down': 'Runter', - 'Multiline': 'Multiline', + 'Multiline': 'Mehrzeilig', 'Revised': 'Überarbeitet', 'Reviewed': 'Bewertet', 'Received': 'Erhalten', @@ -296,24 +296,25 @@ L10n.load({ 'cu': 'cu', 'sq': 'Quadrat', 'Initial': 'Initiale', - 'Extract Pages': 'Extract Pages', - 'Delete Pages After Extracting': 'Delete Pages After Extracting', - 'Extract Pages As Separate Files': 'Extract Pages As Separate Files', - 'Extract': 'Extract', - 'Example: 1,3,5-12': 'Example: 1,3,5-12', - 'No matches': 'Der Viewer hat die Suche im Dokument abgeschlossen. ', + 'Extract Pages': 'Seiten extrahieren', + 'Delete Pages After Extracting': 'Seiten nach dem Extrahieren löschen', + 'Extract Pages As Separate Files': 'Seiten als separate Dateien extrahieren', + 'Extract': 'Auszug', + 'Example: 1,3,5-12': 'Beispiel: 1,3,5-12', + 'No matches': 'Der Viewer hat die Suche im Dokument abgeschlossen.', 'No Text Found': 'Kein Text gefunden' } } }); -// Inject required modules + +// Inject required services for the toolbar, navigation, annotations, and form designer modules. PdfViewerComponent.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormDesigner, FormFields); /** 2) Set locale="de" on the component */ export function App() { return (
- {/* Render the PDF Viewer with default en-US locale */} + {/* Render the PDF Viewer with the German locale */} A comprehensive list of localization files and default strings is available on GitHub: [GitHub Locale](https://github.com/syncfusion/ej2-locale). Provide only keys that require overrides; missing keys fall back to the default `en-US` values. +N> A comprehensive list of localization files and default strings is available on GitHub: [GitHub Locale](https://github.com/syncfusion/ej2-locale). You can also provide only the keys that require overrides; missing keys fall back to the default `en-US` values. ## See Also diff --git a/Document-Processing/PDF/PDF-Viewer/react/print/enable-print-rotation.md b/Document-Processing/PDF/PDF-Viewer/react/print/enable-print-rotation.md index d004f2e21d..fa86a3d9e0 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/print/enable-print-rotation.md +++ b/Document-Processing/PDF/PDF-Viewer/react/print/enable-print-rotation.md @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # Enable print rotation in React PDF Viewer -This guide shows how to enable automatic rotation of landscape pages during printing so they match the paper orientation and reduce clipping. Use [`enablePrintRotation`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#enableprintrotation) when printing documents that include landscape pages and you want them rotated to match the printer paper orientation. +This guide shows how to enable automatic rotation of landscape pages during printing so they match the paper orientation and reduce clipping. Use [`enablePrintRotation`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#enableprintrotation) (boolean, default `false`) when printing documents that include landscape pages, and you want them rotated to match the printer paper orientation. ## Prerequisites - The [`Print`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/print) module must be injected into [`PdfViewerComponent`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer). -## Steps to enable print rotation +## How to enable print rotation 1. Inject the required modules (including [`Print`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/print)) into [`PdfViewerComponent`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer). 2. Set [`enablePrintRotation={true}`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#enableprintrotation) in the PDF Viewer during initialization. diff --git a/Document-Processing/PDF/PDF-Viewer/react/print/events.md b/Document-Processing/PDF/PDF-Viewer/react/print/events.md index e687e6d709..edd06ca405 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/print/events.md +++ b/Document-Processing/PDF/PDF-Viewer/react/print/events.md @@ -1,7 +1,7 @@ --- layout: post title: Print Events in React PDF Viewer | Syncfusion -description: Learn how to configure print events and track usage and implements workflows in the Syncfusion React PDF Viewer component. +description: Learn how to subscribe to print events and implement print workflows in the Syncfusion React PDF Viewer component. platform: document-processing control: Print documentation: ug @@ -17,11 +17,11 @@ This page lists each event emitted by the React PDF Viewer's [`Print`](https://e | Name | Description | |--------------|-------------| | [`printStart`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#printstart) | Raised when a print action begins. Use the event to log activity or cancel printing. | -| [`printEnd`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#printend) | Raised after a print action completes. Use the event to notify users or clean up resources. | +| [`printEnd`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#printend) | Raised after a print action completes. Use the event to notify users or clean up resources. | ### `printStart` -This event is emitted when printing is initiated by toolbar or through programmatic API. Use to validate prerequisites, record analytics, or cancel printing. +This event is emitted when printing is initiated by the toolbar or through a programmatic API. Use this event to validate prerequisites, record analytics, or cancel printing. **Arguments** - ([`PrintStartEventArgs`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/printstarteventargs)): @@ -55,9 +55,9 @@ Setting `args.cancel = true` prevents the client-side print flow; for server-bac ### `printEnd` -This event is emitted after the printing completes. Use to finalize analytics, clear temporary state, or notify users. +This event is emitted after the printing completes. Use this event to finalize analytics, clear temporary state, or notify users. For client-side printing, the event fires after the browser's print dialog closes; for server-backed printing, it fires once the service finishes producing the print output. -Arguments - ([`PrintEndEventArgs`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/printendeventargs)): +**Arguments** - ([`PrintEndEventArgs`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/printendeventargs)): - `fileName` - The printed document name. diff --git a/Document-Processing/PDF/PDF-Viewer/react/print/overview.md b/Document-Processing/PDF/PDF-Viewer/react/print/overview.md index 9c55d3ad2e..8315dca7d4 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/print/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/react/print/overview.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Print PDF in React PDF Viewer -The React PDF Viewer includes built-in printing via the toolbar and APIs so users can control how documents are printed and monitor the process. +The React PDF Viewer includes built-in printing via the toolbar and APIs so users can control how documents are printed and monitor the printing process. Select **Print** in the built-in toolbar to open the browser print dialog. @@ -18,9 +18,11 @@ Select **Print** in the built-in toolbar to open the browser print dialog. ## Enable or Disable Print in React PDF Viewer -The Syncfusion React PDF Viewer component lets users print a loaded PDF document through the built-in toolbar or programmatic calls. Control whether printing is available by setting the [`enablePrint`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#enableprint) property (`true` enables printing; `false` disables it). +The Syncfusion React PDF Viewer component lets users print a loaded PDF document through the built-in toolbar or programmatic calls. Control whether printing is available by setting the [`enablePrint`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#enableprint) property (`true` enables printing; `false` disables it; default is `true`). -The following React examples render the PDF Viewer with printing disabled. +The following React example renders the PDF Viewer with printing disabled. + +> The [`Print`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/print) module must be included in the `Inject` `services` array; otherwise the print toolbar button and `print.print()` API are not available. {% tabs %} {% highlight ts tabtitle="App.tsx" %} @@ -56,7 +58,7 @@ export default function App() { ## Print programmatically in React PDF Viewer -To start printing from code, call the [`pdfviewer.print.print()`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/print#print-1) method after the document is fully loaded. This approach is useful when wiring up custom UI or initiating printing automatically; calling print before the document finishes loading can result in no output or an empty print dialog. +To start printing from code, call the [`pdfviewer.print.print()`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/print#print-1) method after the document is fully loaded. This approach is useful when wiring up custom UI or initiating printing automatically; calling `print()` before the document finishes loading can result in no output or no printable content. The `print()` method takes no parameters and returns `void`. {% tabs %} {% highlight ts tabtitle="App.tsx" %} @@ -107,7 +109,7 @@ export default function App() { ## Troubleshooting -- Ensure the [`resourceUrl`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#resourceurl) value matches the deployed `ej2-pdfviewer-lib` version. +- Ensure the [`resourceUrl`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#resourceurl) value matches the installed `ej2-pdfviewer-lib` package version. - Calling [`print()`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/print#print-1) launches the browser print dialog; behavior varies by browser and may be affected by popup blockers or browser settings. [View Sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples) diff --git a/Document-Processing/PDF/PDF-Viewer/react/print/print-modes.md b/Document-Processing/PDF/PDF-Viewer/react/print/print-modes.md index 5a6bc00ebd..e56f64f47b 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/print/print-modes.md +++ b/Document-Processing/PDF/PDF-Viewer/react/print/print-modes.md @@ -1,14 +1,14 @@ --- layout: post title: Print Modes in React PDF Viewer | Syncfusion -description: Learn how to configure print modes for PDF Documents in the Syncfusion React PDF Viewer component and more. +description: Learn how to configure print modes for PDF Documents in the Syncfusion React PDF Viewer component. platform: document-processing control: Print documentation: ug domainurl: ##DomainURL## --- -# Print Modes in the React PDF Viewer +# Print Modes in React PDF Viewer This guide shows how to set the PDF Viewer [`printMode`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#printmode) so PDFs print from the current window or from a new window/tab. @@ -18,8 +18,8 @@ This guide shows how to set the PDF Viewer [`printMode`](https://ej2.syncfusion. ## Steps to set print mode -**Step 1:** Decide which [`printMode`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#printmode) you need: - - `Default` — print from the same browser window. +**Step 1:** The [`printMode`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#printmode) property accepts the following values: + - `Default` — print from the same browser window. This is the default value when `printMode` is not set. - `NewWindow` — print from a new window or tab (may be blocked by pop-up blockers). **Step 2:** Set [`printMode`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#printmode) during viewer initialization (recommended): @@ -70,7 +70,7 @@ pdfviewer.printMode = 'NewWindow'; - `Default`: Print from the same window (default). - `NewWindow`: Print from a new window or tab. -N> Browser pop-up blockers must allow new windows or tabs when using `pdfviewer.printMode = "NewWindow"`. +N> Browser pop-up blockers must allow new windows or tabs when using `pdfviewer.printMode = 'NewWindow'`. [View live examples and samples on GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples) diff --git a/Document-Processing/PDF/PDF-Viewer/react/print/print-quality.md b/Document-Processing/PDF/PDF-Viewer/react/print/print-quality.md index 8746d2ab0e..8445299253 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/print/print-quality.md +++ b/Document-Processing/PDF/PDF-Viewer/react/print/print-quality.md @@ -18,12 +18,12 @@ This article shows a concise, task-oriented workflow to set and verify print qua ### 1. Choose a target print quality. -- Valid [`printScaleFactor`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#printscalefactor) values: **0.5 – 5**. Higher values increase image sharpness and resource use. +- Valid [`printScaleFactor`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#printscalefactor) values: **0.5 – 5** (type: `number`; decimal values are accepted). Higher values increase image sharpness and resource use. - Default value: **1**. ### 2. Set `printScaleFactor` during initialization -It is recommended that you set the [`printScaleFactor`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#printscalefactor) in the viewer options during initialization. +Set the [`printScaleFactor`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#printscalefactor) in the viewer options during initialization. {% tabs %} {% highlight ts tabtitle="App.tsx" %}