Merge pull request #193 from syncfusion-content/EXT-194490-Hotfix

Document Viewer Extension UG

Author: kalirajanganeshan

Extension/Document-Viewer-Extension/Visual-Studio-Code/FAQ.md

@@ -0,0 +1,30 @@
+---
+layout: post
+title: FAQ Content | 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
+---
+
+# FAQ
+
+### Can I edit files in the Syncfusion® Document Viewer?
+
+Yes, the Syncfusion® Document Viewer allows basic editing of Excel, CSV, and TSV files directly within VS Code. This extension focuses on essential editing tasks to streamline your workflow. For advanced features such as applying formulas, formatting, and complex spreadsheet functions, we recommend using the [Syncfusion® Spreadsheet component](https://www.syncfusion.com/javascript-ui-controls/js-spreadsheet).
+
+### Is the Syncfusion® Document Viewer suitable for large datasets?
+
+Yes, the extension's sorting and filtering tools are designed to help you organize and analyze large datasets efficiently.
+
+### Can I customize the document viewer features?
+
+Yes, you can configure Read-Only mode and enable or disable sorting and filtering directly from the status bar or the VS Code settings. 
+
+### Is there a way to ensure data integrity while reviewing files?
+
+Yes, by using the Read-Only Mode, you can ensure that data remains unchanged while reviewing sensitive or critical files. 
+
+### Does the Syncfusion® Document Viewer support other file formats like Word or PDF?
+
+Currently, it supports Excel, CSV, and TSV files. Future updates will include DOCX, RTF, MD, and PDF support.

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 completes, restart Visual Studio Code if prompted.
+
+
+## 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,44 @@
+---
+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
+---
+
+# Getting Started with Syncfusion® Document Viewer
+
+### 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)