Skip to content

Commit ba0cb78

Browse files
1001842: Resolved CI Failures
1 parent 0b01ed6 commit ba0cb78

4 files changed

Lines changed: 9 additions & 9 deletions

File tree

Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-designer.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Form Designer and Toolbar Customization in TypeScript PDF Viewer Component | Syncfusion
4-
description: Learn here all about form designer toolbar customization in Syncfusion TypeScript PDF Viewer component of Syncfusion Essential JS 2 and more.
3+
title: Form Designer and Toolbar Customization in TypeScript | Syncfusion
4+
description: Learn here all about form designer and toolbar in Syncfusion TypeScript PDF Viewer of Syncfusion Essential JS 2 and more.
55
platform: document-processing
66
control: PDF Viewer
77
documentation: ug
@@ -39,7 +39,7 @@ pdfviewer.appendTo('#PdfViewer');
3939

4040
Show or hide the form designer toolbar programmatically during initialization or at runtime.
4141

42-
Use the [EnableFormDesigner](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/pdfViewerModel/#enableformdesigner) property or the [showFormDesignerToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showformdesignertoolbar) method to toggle visibility.
42+
Use the [EnableFormDesigner](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/pdfViewerModel#enableformdesigner) property or the [showFormDesignerToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar#showformdesignertoolbar) method to toggle visibility.
4343

4444
The following code snippet explains how to show or hide the toolbar using the `EnableFormDesigner` property.
4545

@@ -86,7 +86,7 @@ pdfviewer.appendTo('#PdfViewer');
8686

8787
Choose which tools appear and control their order in the form designer toolbar.
8888

89-
Use [`PdfViewerToolbarSettings`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings/) with the [`FormDesignerToolbarItems`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings/#formdesignertoolbaritems) property to choose which form design tools are available. The property accepts a list of [`FormDesignerToolbarItem`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formDesignerToolbarItem/) values. The items you include are both displayed and rendered in the order listed; any items you omit are hidden. This provides a streamlined, user-friendly form design experience across devices.
89+
Use [`PdfViewerToolbarSettings`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings) with the [`FormDesignerToolbarItems`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings#formdesignertoolbaritems) property to choose which form design tools are available. The property accepts a list of [`FormDesignerToolbarItem`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formDesignerToolbarItem) values. The items you include are both displayed and rendered in the order listed; any items you omit are hidden. This provides a streamlined, user-friendly form design experience across devices.
9090

9191
The following example demonstrates how to customize the form designer toolbar by configuring specific tools using `FormDesignerToolbarItem`.
9292

Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/import-export-formfields/import-formfields.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@ document.getElementById('importJson')!.addEventListener('click', () => {
9494

9595
## Import as Object
9696

97-
Import data previously exported with exportFormFieldsAsObject. Useful for client-side roundtrips without writing a file.
97+
Import data previously exported with exportFormFieldsAsObject. Useful for client-side round trips without writing a file.
9898

9999
```html
100100
<button id="exportDataAsObject">Export Object</button>

Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/overview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@ pdfviewer.appendTo('#PdfViewer');
7272
## Typical workflows
7373

7474
- Design → Save → Fill: create or modify fields, save them into the PDF, then fill and validate
75-
- Fill → Export/Import: complete forms and export data to JSON/XFDF/FDF, or import data to prefill
75+
- Fill → Export/Import: complete forms and export data to JSON/XFDF/FDF, or import data to fill
7676
- Customize → Integrate: wire up events and business rules; tailor the designer toolbar for your app
7777

7878
## See also

Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-fonts-ts.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ documentation: ug
88
domainurl: ##DomainURL##
99
---
1010

11-
# Add custom fonts in PDF Viewer
11+
# Add custom fonts in TypeScript PDF Viewer
1212

1313
The TypeScript PDF Viewer supports loading, editing, and saving custom fonts in form fields such as text boxes, list boxes, and drop-downs by using the customFonts property. Add the required TTF files to the resource URL directory used by the viewer so they can be loaded at runtime and used in forms.
1414

@@ -20,8 +20,8 @@ To use custom fonts in the Syncfusion PDF Viewer, add the custom TTF files to th
2020

2121
Steps to add custom fonts
2222

23-
**Step 1:** Add custom TTF font files to the resource URL path referenced in the application. For example, place the TTF files in the [ej2-pdfviewer-lib](../getting-started/#load-pdf-viewer-with-local-resources) folder that serves as the resource URL path. Make sure this resource URL points to a local path in your application. You may:
24-
- Place fonts directly under `ej2-pdfviewer-lib` or under `ej2-pdfviewer-lib/fallbackfonts`. Reference them by relative path in `customFonts` (e.g., `"calibri.ttf"`, `"fallbackfonts/msgothic.ttc"`).
23+
**Step 1:** Add custom TTF font files to the resource URL path referenced in the application. For example, place the TTF files in the [ej2-pdfviewer-lib](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/getting-started#add-the-pdf-viewer-component) folder that serves as the resource URL path. Make sure this resource URL points to a local path in your application. You may:
24+
- Place fonts directly under `ej2-pdfviewer-lib` or under `ej2-pdfviewer-lib/fallback fonts`. Reference them by relative path in `customFonts` (e.g., `"calibri.ttf"`, `"fallback fonts/calibri.ttf"`).
2525
- Or use a direct absolute URL to the font file if it’s hosted and CORS-accessible.
2626

2727
**Step 2:** Use the following code to configure custom fonts in the PDF Viewer.

0 commit comments

Comments
 (0)