1011997: Need to include new UG section for open-save file from Google Drive#2315
1011997: Need to include new UG section for open-save file from Google Drive#2315sridhar-alagirisamy merged 13 commits intodevelopmentfrom
Conversation
|
Build Status: INPROGRESS 🔃 |
|
CI Status: FAILURE ❌ |
|
Build Status: INPROGRESS 🔃 |
|
CI Status: FAILURE ❌ |
|
Build Status: INPROGRESS 🔃 |
|
CI Status: FAILURE ❌ |
|
Build Status: INPROGRESS 🔃 |
|
CI Status: FAILURE ❌ |
|
|
||
| To load a file from Google Drive in a Spreadsheet Component, you can follow the steps below | ||
|
|
||
| **Step 1:** Create a Simple Spreadsheet Sample in React |
There was a problem hiding this comment.
We need to inform details for setting the Google drvie API before the sample implementation details. Please refer to the below link..
|
Build Status: INPROGRESS 🔃 |
|
CI Status: FAILURE ❌ |
|
Build Status: INPROGRESS 🔃 |
|
CI Status: FAILURE ❌ |
|
|
||
| ``` | ||
|
|
||
| N> Note: Change your FolderId, CredentialPath, ApplicationName with your own |
There was a problem hiding this comment.
Why you have added the note here. This is not needed.
|
Build Status: INQUEUE 🕒 |
|
Build Status: INPROGRESS 🔃 |
|
|
||
| 2. Open the `SpreadsheetController.cs` file in your web service project. | ||
|
|
||
| 3. Import the required namespaces at the top of the file: |
There was a problem hiding this comment.
Instead of 1, 2, 3, we can use the * right..
|
|
||
| ``` | ||
|
|
||
| N> Note: Change your FolderId, CredentialPath, ApplicationName with your own. |
There was a problem hiding this comment.
Still the note is not removed.
| }; | ||
| ``` | ||
|
|
||
| N> Install the Google.Apis.Drive.v3 NuGet package must be installed in your application to use the previous code example. No newline at end of file |
There was a problem hiding this comment.
Modify the content like below.
The Google.Apis.Drive.v3 NuGet package must be installed in your application to use the previous code example.
|
|
||
| 6. Open the `appsettings.json` file in your web service project, add your Google Drive configuration details. | ||
|
|
||
| ```Json |
|
|
||
| 5. Create the `OpenExcelFromGoogleDrive()` method to open the document from the Google Drive. | ||
|
|
||
| ```Csharp |
There was a problem hiding this comment.
Modify as ```csharp
|
Build Status: INPROGRESS 🔃 |
|
The running CI Job is terminated due to changes committed on the source branch for this Merge Request and CI triggered for latest commit. |
|
CI Status: ABORTED ❌ |
|
Build Status: INPROGRESS 🔃 |
|
CI Status: FAILURE ❌ |
|
|
||
| N> Replace the **credential path**, **folderId** and **application name** in json file with your actual Google drive folder ID , your name for your application and the path for the JSON file. | ||
|
|
||
| **Step 4:** Modify the index file in the Spreadsheet sample to save the file as json using the [`saveAsJson`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#saveasjson) method and send the JSON to the backend. |
There was a problem hiding this comment.
Check and utilize the below content.
Modify the index file in the Spreadsheet sample to save the Spreadsheet as JSON data using the saveAsJson method and send the saved JSON to the server via fetch call.
| --- | ||
| layout: post | ||
| title: Save excel to Google Drive in React Spreadsheet control | Syncfusion | ||
| description: Learn about how to Save an Excel file from Google Drive in React Spreadsheet control of Syncfusion Essential JS 2. |
There was a problem hiding this comment.
Learn about how to Save an Excel file to Google Drive from React Spreadsheet control of Syncfusion Essential JS 2.
|
|
||
| ``` | ||
|
|
||
| N> You can also refer to this [GitHub](https://github.com/SyncfusionExamples/syncfusion-react-spreadsheet-google-drive-integration/tree/master) repository for reference. |
There was a problem hiding this comment.
We can share the sample reference at the end.
|
|
||
| ``` | ||
|
|
||
| N> You can also refer to this [GitHub](https://github.com/SyncfusionExamples/syncfusion-react-spreadsheet-google-drive-integration/tree/master) repository for reference. |
There was a problem hiding this comment.
We can add the sample reference at the end.
|
Build Status: INPROGRESS 🔃 |
|
CI Status: FAILURE ❌ |
Updated the description and instructions for saving an Excel file to Google Drive in React Spreadsheet control.
|
Build Status: INQUEUE 🕒 |
|
Build Status: INPROGRESS 🔃 |
|
CI Status: FAILURE ❌ |
|
Build Status: INPROGRESS 🔃 |
|
CI Status: SUCCESS ✅ |
|
Build Status: INPROGRESS 🔃 |
|
CI Status: SUCCESS ✅ |
5 participants
Need to include new the UG section for open-save file from Google Drive.
Task: https://dev.azure.com/EssentialStudio/Ej2-Web/_workitems/edit/1011997