Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
34 commits
Select commit Hold shift + click to select a range
ac5dd0e
Modified the theme images of EJ2 document editor
Kalaivannan-Ganesan Jun 3, 2026
1c75785
Task(1234): Need to add missing form filling edited file
KSilambharasanSF4548 Jun 4, 2026
a880079
Addressed feedbacks
KSilambharasanSF4548 Jun 4, 2026
75461b9
Add local namespace to Getting Started guide
KSilambharasanSF4548 Jun 4, 2026
f8f82c7
1028359: Updated Getting Started for JavaScript PDF Viewer
SF4524LogeshKumar May 22, 2026
a211402
1028359: Updated Getting Started for TypeScript PDF Viewer
SF4524LogeshKumar May 22, 2026
974c8a5
1028359: Angular Getting Started Updated
SF4524LogeshKumar May 22, 2026
6244938
1028359: Updated Angular Getting Started with proper navigation
SF4524LogeshKumar May 22, 2026
0143d6c
1028359: Vue Getting Started Updated
SF4524LogeshKumar May 22, 2026
135041f
1028359: Updated Core Getting Started
SF4524LogeshKumar May 21, 2026
4bf3333
1028359: Updated with GitHub Samples
SF4524LogeshKumar May 21, 2026
ac42eab
Addressed feedbacks
KSilambharasanSF4548 Jun 4, 2026
5e7e426
1028359: MVC Getting Started Updates
SF4524LogeshKumar May 21, 2026
d78ba4d
1028359: Updated Getting Started for React.
SF4524LogeshKumar May 21, 2026
abbd77b
1028359: Updated MVC Sample Link
SF4524LogeshKumar May 21, 2026
b0982dd
1028359: Updated the Changes requested.
SF4524LogeshKumar May 21, 2026
0145f2b
1028359: Blazor Getting Started changes
SF4524LogeshKumar May 25, 2026
e086ce5
1028359: Blazor Getting Started WASM and MAUI hybrid app
SF4524LogeshKumar May 25, 2026
f22ac1a
1028359: Resolved CI and addressed requested changes
SF4524LogeshKumar May 25, 2026
b1c7c42
1028359: Updated the requested changes.
SF4524LogeshKumar May 25, 2026
b97a045
1028359: Resolved CI failures
SF4524LogeshKumar May 25, 2026
c497617
Merge pull request #3206 from syncfusion-content/1028842-gettingStart…
AnanthaGokulaRaman Jun 4, 2026
21786f8
Issue Resolved
VinothSF5015 Jun 4, 2026
1409142
Update FAQ title for CSV to Excel conversion
VinothSF5015 Jun 4, 2026
2387609
Update FAQ title for Excel to CSV conversion
VinothSF5015 Jun 4, 2026
2782ba7
Merge pull request #3208 from syncfusion-content/ExcelToCSVIssue
Mohan2401 Jun 4, 2026
36b024c
addressed feedbacks
KSilambharasanSF4548 Jun 4, 2026
ca02d31
Merge pull request #3203 from syncfusion-content/formfillingedited
VikramDevaraj31 Jun 4, 2026
92df29f
Task (1028896): UWP Getting Started issue fix
manojSF3414 Jun 4, 2026
84aa2dc
Merge pull request #3214 from syncfusion-content/UWPPdfviewerhf
VikramDevaraj31 Jun 4, 2026
b29624b
Merge branch 'hotfix/hotfix-v33.2.3' into Ej2DOCXEditor-GSImages-HF
Kalaivannan-Ganesan Jun 5, 2026
9c31001
Reverted the images for Core, MVC and Blazor
Kalaivannan-Ganesan Jun 5, 2026
71646c2
Modified the Vue3 GS images
Kalaivannan-Ganesan Jun 6, 2026
1cb372e
Merge pull request #3196 from syncfusion-content/Ej2DOCXEditor-GSImag…
MohanaselvamJothi Jun 6, 2026
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions Document-Processing-toc.html
Original file line number Diff line number Diff line change
Expand Up @@ -7110,10 +7110,10 @@
<a href="/document-processing/excel/conversions/excel-to-csv/net/excel-to-csv-conversion">Excel to CSV Conversion</a>
</li>
<li>
<a href="/document-processing/excel/conversions/excel-to-csv/net/faqs">FAQ</a>
<a href="/document-processing/excel/conversions/excel-to-csv/net/faq">FAQ</a>
<ul>
<li>
<a href="/document-processing/excel/conversions/excel-to-csv/net/faqs/why-does-excel-remove-number-formatting-in-csv-files.md">How to open a CSV file with a tab delimiter using XlsIO?</a>
<a href="/document-processing/excel/conversions/excel-to-csv/net/faqs/why-does-excel-remove-number-formatting-in-csv-files">Why does Excel remove number formatting in CSV files?</a>
</li>
</ul>
</li>
Expand All @@ -7131,7 +7131,7 @@
<a href="/document-processing/excel/conversions/csv-to-excel/net/csv-to-excel-conversion">CSV to Excel Conversion</a>
</li>
<li>
<a href="/document-processing/excel/conversions/csv-to-excel/net/faqs">FAQ</a>
<a href="/document-processing/excel/conversions/csv-to-excel/net/faq">FAQ</a>
<ul>
<li>
<a href="/document-processing/excel/conversions/CSV-to-Excel/net/faqs/how-to-open-a-csv-file-with-a-tab-delimiter-using-xlsio">How to open a CSV file with a tab delimiter using XlsIO?</a>
Expand Down
13 changes: 13 additions & 0 deletions Document-Processing/Excel/Conversions/CSV-to-Excel/NET/FAQ.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
---
title: CSV to Excel FAQ Section| XlsIO | Syncfusion
description: In this section, you can know about the various questions asked about CSV to Excel conversion using XlsIO.
platform: document-processing
control: XlsIO
documentation: UG
---

# Frequently Asked Questions Section In CSV to Excel Conversion

The frequently asked questions in Essential<sup>&reg;</sup> XlsIO are listed below.

* [How to open a CSV file with a tab delimiter using XlsIO?](faqs/how-to-open-a-csv-file-with-a-tab-delimiter-using-xlsio)
13 changes: 13 additions & 0 deletions Document-Processing/Excel/Conversions/Excel-to-CSV/NET/FAQ.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
---
title: Excel to CSV FAQ Section| XlsIO | Syncfusion
description: In this section, you can know about the various questions asked about Excel to CSV conversion using XlsIO.
platform: document-processing
control: XlsIO
documentation: UG
---

# Frequently Asked Questions Section In Excel to CSV Conversion

The frequently asked questions in Essential<sup>&reg;</sup> XlsIO are listed below.

* [Why does Excel remove number formatting in CSV files?](faqs/why-does-excel-remove-number-formatting-in-csv-files)
Original file line number Diff line number Diff line change
Expand Up @@ -11,46 +11,28 @@ domainurl: ##DomainURL##

This guide explains how to create and run the **Angular PDF Viewer in server-backed mode**. In this mode, PDF rendering is handled by a server-side web service, while the Angular application acts as the client.

> **Note:** This guide supports **Angular 21** and other recent Angular versions. From Angular 19 onwards, standalone components are the default, and this documentation follows that architecture.

---

## Prerequisites

Ensure that your development environment meets the [Syncfusion Angular system requirements](https://ej2.syncfusion.com/angular/documentation/system-requirement).

---

## Setup Angular Environment
## Create an Angular application

### Install Angular CLI
Use [Angular CLI](https://angular.dev/installation) to create a new Angular application, as it provides a standardized project structure, built-in testing tools, and simplified deployment.

Install the latest Angular CLI globally:
Install Angular CLI globally, using the following command:

```bash
```
npm install -g @angular/cli
```

To install a specific version:
Create a new Angular application using the following commands:

```bash
npm install -g @angular/cli@21.0.0
```

---

## Create an Angular application

Create a new Angular application using the CLI:

```bash
ng new my-app
cd my-app
ng new pdfviewer-app
cd pdfviewer-app
```

> **Note:** In Angular 20 and later, the CLI generates `app.ts`, `app.html`, and `app.css` instead of `app.component.*` files.

---
> **Note:** When prompted during project creation, select the default options: **CSS** for stylesheet, **No** for SSR/SSG, and **None** for AI tools.

## Installing Syncfusion® PDF Viewer package

Expand All @@ -60,13 +42,12 @@ Install the Syncfusion Angular PDF Viewer package from npm:
npm install @syncfusion/ej2-angular-pdfviewer --save
```

---

## Adding CSS references

Add the required Syncfusion styles to the `src/styles.css` file:

```css
{% tabs %}
{% highlight css tabtitle="~/src/styles/styles.css" %}
@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
Expand All @@ -76,17 +57,19 @@ Add the required Syncfusion styles to the `src/styles.css` file:
@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
@import '../node_modules/@syncfusion/ej2-notifications/styles/material.css';
@import '../node_modules/@syncfusion/ej2-pdfviewer/styles/material.css';
```
{% endhighlight %}
{% endtabs %}

---
> **Note:** Refer to the [Themes topic](https://ej2.syncfusion.com/angular/documentation/appearance/overview) to learn more about built-in themes and different ways to refer to themes in an Angular project.

## Add the PDF Viewer component

To load and display a PDF using server-backed mode, only the **PdfViewerModule** is required. The PDF Viewer communicates with a server-side web service through the `serviceUrl` property.
Add the PDF Viewer component to your Angular application in server-backed mode. In this mode, the PDF Viewer communicates with a server-side web service through the `serviceUrl` property.

Update `src/app/app.ts` as shown below:

```ts
{% tabs %}
{% highlight ts tabtitle="~/src/app/app.ts" %}
import { Component } from '@angular/core';
import { PdfViewerModule, LinkAnnotationService, BookmarkViewService,
MagnificationService, ThumbnailViewService, ToolbarService,
Expand All @@ -112,37 +95,32 @@ import { PdfViewerModule, LinkAnnotationService, BookmarkViewService,
`
})
export class App {

// Specifies the URL of the server-side PDF Viewer web service.
// This endpoint handles PDF rendering and processing.
public serviceUrl: string =
'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';

// Specifies the path or name of the PDF document to be loaded.
public documentPath: string =
'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
}
```

> **Note:** The service URL shown above is for evaluation purposes only. For production, host your own PDF Viewer web service.
{% endhighlight %}
{% endtabs %}

---
N> The `documentPath` property sets the PDF file path to be loaded. You can provide a remote URL, Base64 string, or local file path (e.g., `'assets/sample.pdf'`) and the `serviceUrl` property specifies the server-side PDF Viewer web service endpoint for PDF rendering. The service URL shown above is for evaluation purposes only. For production, host your own PDF Viewer web service.

## Run the application

Run the Angular application using the CLI:
Run the following command to start the Angular application:

```bash
ng serve --open
```

The application will start and connect to the configured PDF Viewer web service.
After the application starts, open the localhost URL shown in the terminal to view the Angular PDF Viewer component in the browser. The output will appear as follows:

---
![Rendered PDF Viewer in browser](images/pdfviewer-control.png)

{% previewsample "/document-processing/samples/pdfviewer/angular/getting-started-cs1" %}

---
[View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/Getting%20started%20-%20Server-Back)

## Run the PDF Viewer web service

Expand All @@ -164,8 +142,6 @@ The service will run at `https://localhost:7255/pdfviewer`. Configure this URL i

> **Note:** In server-backed mode, `pdfium.js` and `pdfium.wasm` are not required because all PDF rendering happens on the server.

---

## Angular version compatibility and older versions

For detailed compatibility information, refer to the [Angular version support matrix](https://ej2.syncfusion.com/angular/documentation/system-requirement#angular-version-compatibility).
Expand All @@ -176,6 +152,8 @@ For detailed compatibility information, refer to the [Angular version support ma

For older Angular versions, refer to the respective Angular PDF Viewer guides.

---
## See also

[View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/Getting%20started%20-%20Server-Back)
- [Getting started Angular PDF Viewer](./getting-started)
- [Open PDF Files](./open-pdf-files)
- [Save PDF Files](./save-pdf-files)
82 changes: 35 additions & 47 deletions Document-Processing/PDF/PDF-Viewer/angular/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,46 +11,28 @@ domainurl: ##DomainURL##

This guide explains how to create a simple **Angular Standalone PDF Viewer** application and demonstrates the basic usage of the Syncfusion PDF Viewer component.

> **Note:** This guide supports **Angular 21** and other recent Angular versions. Starting from Angular 19, standalone components are the default, and this documentation follows that architecture.

---

## Prerequisites

Ensure that your system meets the [Syncfusion Angular system requirements](https://ej2.syncfusion.com/angular/documentation/system-requirement).

---

## Setup Angular Environment
## Create an Angular application

### Install Angular CLI
Use [Angular CLI](https://angular.dev/installation) to create a new Angular application, as it provides a standardized project structure, built-in testing tools, and simplified deployment.

Install the latest Angular CLI globally:
Install Angular CLI globally, using the following command:

```bash
```
npm install -g @angular/cli
```

To install a specific version:
Create a new Angular application using the following commands:

```bash
npm install -g @angular/cli@21.0.0
```

---

## Create an Angular Application

Create a new Angular application using the Angular CLI:

```bash
ng new my-app
cd my-app
ng new pdfviewer-app
cd pdfviewer-app
```

> **Note:** In Angular 20 and later, the CLI generates `app.ts`, `app.html`, and `app.css` instead of `app.component.*` files.

---
> **Note:** When prompted during project creation, select the default options: **CSS** for stylesheet, **No** for SSR/SSG, and **None** for AI tools.

## Installing Syncfusion® PDF Viewer package

Expand All @@ -60,15 +42,12 @@ Install the Syncfusion Angular PDF Viewer package from npm:
npm install @syncfusion/ej2-angular-pdfviewer --save
```

* Validate that your server has been configured to utilize the Content-Type: application/wasm MIME type. Additional information can be found in the [Troubleshooting](./troubleshooting/troubleshooting) section.

---

## Adding CSS references

Add the required Syncfusion styles to the `src/styles.css` file:

```css
{% tabs %}
{% highlight css tabtitle="~/src/styles/styles.css" %}
@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
Expand All @@ -78,17 +57,19 @@ Add the required Syncfusion styles to the `src/styles.css` file:
@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
@import '../node_modules/@syncfusion/ej2-notifications/styles/material.css';
@import '../node_modules/@syncfusion/ej2-pdfviewer/styles/material.css';
```
{% endhighlight %}
{% endtabs %}

---
> **Note:** Refer to the [Themes topic](https://ej2.syncfusion.com/angular/documentation/appearance/overview) to learn more about built-in themes and different ways to refer to themes in an Angular project.

## Add the PDF Viewer component

To load and display a PDF document, only the **PdfViewerModule** is required.
Add the PDF Viewer component to your Angular application to render and interact with PDF documents. The component requires the **PdfViewerModule** and its associated services.

Update `src/app/app.ts` as shown below:

```ts
{% tabs %}
{% highlight ts tabtitle="~/src/app/app.ts" %}
import { Component } from '@angular/core';
import { PdfViewerModule, LinkAnnotationService, BookmarkViewService,
MagnificationService, ThumbnailViewService, ToolbarService,
Expand All @@ -114,36 +95,37 @@ import { PdfViewerModule, LinkAnnotationService, BookmarkViewService,
`
})
export class App {

// Specifies the path or Base64 string of the PDF document to be loaded.
// You can provide a remote URL or a local file from the assets folder.
public documentPath: string =
'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';

// Specifies the path to the PDFium resource files required by the PDF Viewer.
// This points to a CDN-hosted ej2-pdfviewer-lib folder.
public resourcesUrl: string =
'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
}
```
{% endhighlight %}
{% endtabs %}

---
N> The `documentPath` property sets the PDF file path to be loaded. You can provide a remote URL, Base64 string, or local file path (e.g., `'assets/sample.pdf'`) and the `resourceUrl` property specifies the PDFium library resources path required for PDF rendering. This example uses CDN-hosted resources. For local resources, refer to [Load PDF Viewer with Local Resources](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/how-to/load-pdf-viewer-with-local-resources).

## Run the application

Run the application using the Angular CLI:
Run the following command to start the Angular application:

```bash
ng serve --open
```

The PDF document will be rendered in the browser.
After the application starts, open the localhost URL shown in the terminal to view the Angular PDF Viewer component in the browser. The output will appear as follows:

---
![Rendered PDF Viewer in browser](images/pdfviewer-control.png)

{% previewsample "/document-processing/samples/pdfviewer/angular/getting-started-cs1-standalone" %}

---
[View Sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/Getting%20started%20-%20Standalone)

## Video tutorial

To get started quickly with Angular PDF Viewer, you can watch this video:

{% youtube "https://www.youtube.com/watch?v=r8IPr_nTiHo&t=1s" %}

## Angular version compatibility and older versions

Expand All @@ -153,3 +135,9 @@ For older Angular versions, refer to the following guides:
* [Create a Standalone PDF Viewer in Angular 17 and above with-no-standalone-flag](./how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-with-no-standalone-flag).
* [Create a Standalone PDF Viewer in Angular 17 and above without --no-standalone flag](./how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-without-no-standalone-flag).
* [Create a Standalone PDF Viewer in Angular 12](./how-to/create-a-standalone-pdf-viewer-in-angular-12)

## See also

- [Getting started with Server-Backed Angular PDF Viewer](./getting-started-with-server-backed)
- [Open PDF Files](./open-pdf-files)
- [Save PDF Files](./save-pdf-files)
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading