Merge pull request #192 from syncfusion-content/EXT-194490

Document Viewer Extension

Author: kalirajanganeshan

Extension/Document-Viewer-Extension/Visual-Studio-Code/configuration-options.md

@@ -0,0 +1,42 @@
+---
+layout: post
+title: Configuration Options | Extension | Syncfusion
+description: The Syncfusion Document Viewer extension allows users to configure and customize its intuitive features effortlessly.
+platform: extension
+control: Syncfusion Extensions
+documentation: ug
+---
+
+# Configuration Options
+
+### Read-Only Mode
+
+To prevent accidental edits to your files, you can enable Read-Only Mode.
+
+- **Enable/Disable via Status Bar**:
+
+  After opening the file, click `Syncfusion® Document Viewer` in the status bar to toggle read-only mode on or off.
+
+    ![ReadOnly](images/ReadOnly.gif)
+  
+- **Enable/Disable via Settings**:
+
+  Go to **Settings > Extensions > Syncfusion® Document Viewer** to toggle read-only mode.
+
+    ![ReadOnlySettings](images/ReadOnly-Config.png)
+
+### Sorting and Filtering
+
+You can configure sorting and filtering for the first row of your worksheet.
+
+- **Configure via Status Bar**:
+
+  After opening the file, click `Syncfusion® Document Viewer` in the status bar to configure sorting and filtering on the first row of the worksheet for quicker access.
+  
+    ![Filtering-Toolbar](images/Filtering-Toolbar.png)
+
+- **Configure via Settings**:
+
+  Go to **Settings > Extensions > Syncfusion® Document Viewer** to enable or disable these features.
+
+    ![Filter-Config](images/Filter-Config.png)

Extension/Document-Viewer-Extension/Visual-Studio-Code/download-and-installation.md

@@ -0,0 +1,50 @@
+---
+layout: post
+title: Download and Installation | DocumentViewer | Syncfusion
+description: How to download the Syncfusion Document Viewer extension from the Visual Studio code marketplace site and from the Extensions View tab.
+platform: extension
+control: Syncfusion Extensions
+documentation: ug
+---
+
+# Download and Installation
+
+Syncfusion® publishes the Document Viewer Extension in [Visual Studio Code marketplace](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Document-Viewer-VSCode-Extensions). You can either install it from Visual Studio Code or download and install it from the Visual Studio Code marketplace.
+
+## Prerequisites
+
+Before getting started, make sure your environment meets the following requirements:
+
+* [Visual Studio Code](https://code.visualstudio.com/download)
+
+ > The minimum version of the Visual Studio Code is 1.73.0 to use the Syncfusion® Document Viewer Extension.
+
+
+## Install through the Visual Studio Code Extensions
+
+The following steps explain how to install the Syncfusion® Document Viewer extensions from Visual Studio Code Extensions.
+
+1. Open Visual Studio Code.
+
+2. Go to **View > Extensions**.
+
+3. Type **Syncfusion® Document Viewer** in the search box.
+
+     ![Extension](images/ExtensionsView.png)
+
+4. Click the Install button on the **"Syncfusion® Document Viewer"** extension.
+
+5. After the installation, restart Visual Studio Code when suggested.
+
+
+## Install from the Visual Studio Code Marketplace
+
+The following steps explain how to download Syncfusion® Document Viewer extension from the Visual Studio Code Marketplace and install them.
+
+1. Visit the [Syncfusion® Document Viewer Extension MarketPlace page](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Document-Viewer-VSCode-Extensions).
+
+2. Click Install from Visual Studio Code Marketplace. The browser opens the popup with the information like **“Open Visual Studio Code”**. Click Open Visual Studio Code, then [Syncfusion® Document Viewer Extension](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Document-Viewer-VSCode-Extensions) will open in Visual Studio Code.
+
+3. Click the Install button in the **"Syncfusion® Document Viewer"** extension.
+
+4. After the installation, restart Visual Studio Code when suggested.

Extension/Document-Viewer-Extension/Visual-Studio-Code/getting-started.md

@@ -0,0 +1,42 @@
+---
+layout: post
+title: Getting Started | Extension | Syncfusion
+description: The Syncfusion Document Viewer extension enables you to easily view and manage your documents within VSCode using our intuitive features.
+platform: extension
+control: Syncfusion Extensions
+documentation: ug
+---
+
+# Open and Edit Files
+
+**Open a File**:
+
+- Drag and drop an Excel (`.xlsx`), CSV (`.csv`), or TSV (`.tsv`) file into Visual Studio Code.
+
+- Or, go to `File > Open File` and select the file from your system.
+
+    ![OpenFile](images/OpenFile.gif)
+
+**Edit and Save**:
+
+- Make your changes directly in the editor.
+
+- Save your changes by selecting `File > Save` or using the shortcut `Ctrl+S` (Windows) / `Cmd+S` (Mac).
+
+> **Note:** Syncfusion® Document Viewer allows basic editing of Excel, CSV, and TSV files directly within VS Code.
+
+---
+
+## Sort and Filter Data
+
+Use the filter icons in the column headers to sort and filter data. Right-click a cell or header for advanced options.
+
+**From column header:**
+
+   ![Filter-Icon](images/Filter-Icon.png)
+
+   ![FilterDropdown](images/FilterDropdown.png)
+
+**Right clicking on the cell:**
+
+   ![CellFilter](images/CellFilter.png)