875662: commit

Author: SaravanaPriya31

ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/accessibility.md

@@ -4,7 +4,7 @@ title: Accessibility with EJ2 ASP.NET MVC PDF Viewer | Syncfusion
 description: Learn here all about accessibility in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: PDF Viewer
-publishingplatform: ej2-asp-core-mvc
+publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 

ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/custom-context-menu.md

@@ -22,7 +22,7 @@ The following code shows how to add custom option in context menu.
         {
             text: 'Search In Google',
             id: 'search_in_google',
-            iconCss: 'e-icons e-de-ctnr-find'
+            iconCss: 'e-icons e-search'
         },
         {
             text: 'Lock Annotation',
@@ -63,7 +63,7 @@ The PDF Viewer feature enables customization of custom options and the ability t
         {
             text: 'Search In Google',
             id: 'search_in_google',
-            iconCss: 'e-icons e-de-ctnr-find'
+            iconCss: 'e-icons e-search'
         },
         {
             text: 'Lock Annotation',
@@ -104,7 +104,7 @@ The following code shows how to hide/show added custom option in context menu us
         {
             text: 'Search In Google',
             id: 'search_in_google',
-            iconCss: 'e-icons e-de-ctnr-find'
+            iconCss: 'e-icons e-search'
         },
         {
             text: 'Lock Annotation',
@@ -170,7 +170,7 @@ The following code shows how to hide/show added custom option in context menu us
         }
     };
 
-    function customContextMenuBeforeOpen(args) {
+ function customContextMenuBeforeOpen(args) {
         for (var i = 0; i < args.ids.length; i++) {
             var search = document.getElementById(args.ids[i]);
             var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
@@ -205,6 +205,7 @@ The following code shows how to hide/show added custom option in context menu us
             }
         }
     };
+
 </script>
 ```
 
@@ -214,26 +215,17 @@ The following is the output of custom context menu with customization.
 
 @using Syncfusion.EJ2
 
-@section ControlsSection{
-    <div class="col-lg-9 control-section">
-        <div class="flex-container">
-            <label class="switchLabel" for="checked">Standalone PDF Viewer</label>
-            <div class="e-message render-mode-info">
-                <span class="e-msg-icon render-mode-info-icon" title="Turn OFF to render the PDF Viewer as server-backed"></span>
-            </div>
-            <div>
-                @Html.EJS().Switch("checked").Checked(true).Change("change").CssClass("buttonSwitch").Render()
-            </div>
-        </div>
-        @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ResourceUrl("https://cdn.syncfusion.com/ej2/23.2.6/dist/ej2-pdfviewer-lib").DocumentLoad("documentLoad").CustomContextMenuSelect("customContextMenuSelect").CustomContextMenuBeforeOpen("customContextMenuBeforeOpen").Render()
+<div>
+    <div style="height:500px;width:100%;">
+        @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ResourceUrl("https://cdn.syncfusion.com/ej2/23.2.6/dist/ej2-pdfviewer-lib").CustomContextMenuSelect("customContextMenuSelect").CustomContextMenuBeforeOpen("customContextMenuBeforeOpen").DocumentLoad("documentLoaded").Render()
     </div>
-}
+</div>
 <script type="text/javascript">
    var menuItems = [
         {
             text: 'Search In Google',
             id: 'search_in_google',
-            iconCss: 'e-icons e-de-ctnr-find'
+            iconCss: 'e-icons e-search'
         },
         {
             text: 'Lock Annotation',
@@ -246,17 +238,16 @@ The following is the output of custom context menu with customization.
             id: 'unlock_annotation'
         },
         {
-            text: 'Lock Form Fields',
+            text: 'Lock Form Field',
             iconCss: 'e-icons e-lock',
             id: 'read_only_true'
         },
         {
-            text: 'Unlock Form Fields',
+            text: 'Unlock Form Field',
             iconCss: 'e-icons e-unlock',
             id: 'read_only_false'
         },
     ];
-
     function documentLoaded(arg) {
         var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
         pdfviewer.addCustomMenu(menuItems, false, false);
@@ -387,6 +378,10 @@ The following is the output of custom context menu with customization.
         }
     }
 
+    function contextmenuHelper(args) {
+        var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
+        pdfviewer.addCustomMenu(menuItems, enable.checked, position.checked);
+    }
 
 </script>
 

ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/open-bookmark.md

@@ -18,28 +18,72 @@ The following steps are used to open the Bookmark.
 
 **Step 2:** Insert the following code snippet to implement the functionality for opening the Bookmark pane:
 
-```html
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+
 <button type="button" onclick="openBookmark()">Open Bookmark Pane</button>
+<div style="width:100%;height:600px">
+    @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render()
+</div>
+
+<script>
+    function openBookmark() {
+        var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
+        pdfViewer.bookmarkViewModule.openBookmarkPane();
+    }
+</script>
+{% endhighlight %}
+{% highlight cshtml tabtitle="Server-Backed" %}
+
+<button type="button" onclick="openBookmark()">Open Bookmark Pane</button>
+
+<div style="width:100%;height:600px">
+    @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render()
+</div>
 
 <script>
     function openBookmark() {
-        var viewer = document.getElementById('pdfViewer').ej2_instances[0];
-        // Open Bookmark pane
-        viewer.bookmarkViewModule.openBookmarkPane();
+        var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
+        pdfViewer.bookmarkViewModule.openBookmarkPane();
     }
 </script>
-```
+
+{% endhighlight %}
+{% endtabs %}
 
 Similarly, to close the Bookmark pane programmatically, employ the following code snippet:
 
-```html
-<button type="button" closeBookmark="openBookmark()">Close Bookmark Pane</button>
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+
+<button type="button" onclick="closeBookmark()">Close Bookmark Pane</button>
+<div style="width:100%;height:600px">
+    @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render()
+</div>
+
+<script>
+ function closeBookmark() {
+        var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
+        // close Bookmark pane
+        pdfViewer.bookmarkViewModule.closeBookmarkPane();
+    }
+</script>
+{% endhighlight %}
+{% highlight cshtml tabtitle="Server-Backed" %}
+
+<button type="button" onclick="closeBookmark()">Close Bookmark Pane</button>
+
+<div style="width:100%;height:600px">
+    @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render()
+</div>
 
 <script>
     function closeBookmark() {
-        var viewer = document.getElementById('pdfViewer').ej2_instances[0];
-        // Open Bookmark pane
-        viewer.bookmarkViewModule.closeBookmarkPane();
+        var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
+        // close Bookmark pane
+        pdfViewer.bookmarkViewModule.closeBookmarkPane();
     }
 </script>
-```
+
+{% endhighlight %}
+{% endtabs %}

ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/pagerenderstarted-pagerendercompleted.md

@@ -20,42 +20,53 @@ The `pageRenderInitiate` event is triggered when the rendering of a page in the
 
 The `pageRenderComplete` event is triggered when the rendering of a page in the PDF document is completed. This event allows developers to perform cleanup tasks or finalize rendering-related processes after the rendering of the page content finishes. It can be used to release resources, finalize rendering settings, or handle any post-rendering tasks necessary for the application.
 
-
 {% tabs %}
 {% highlight html tabtitle="Standalone" %}
-\
+
+@{
+    ViewBag.Title = "Home Page";
+}
+
 <div style="width:100%;height:600px">
-    @Html.EJS().PdfViewer("pdfviewer").DocumentLoad("download").EnableDownload(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").pageRenderInitiate("pageRenderInitiate").pageRenderComplete("pageRenderComplete").Render()
+    @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").PageRenderInitiate("pageRenderInitiate").PageRenderComplete("pageRenderComplete").Render()
 </div>
 
 <script>
-pdfviewer.pageRenderStart = args => {
+function pageRenderInitiate(args) { 
    // This method is called when the page rendering starts
-    console.log('Rendering of pages started' + args);
+    console.log('Rendering of pages started');
+    console.log(args);
 };
 
-pdfviewer.pageRenderComplete = args => {
+function pageRenderComplete(args) {
    // This method is called when the page rendering completes
-   console.log('Rendering of pages completed' + args);
+   console.log('Rendering of pages completed');
+   console.log(args);
 };
 </script>
 
 {% endhighlight %}
 {% highlight html tabtitle="Server-Backed" %}
 
+@{
+    ViewBag.Title = "Home Page";
+}
+
 <div style="width:100%;height:600px">
-    @Html.EJS().PdfViewer("pdfviewer").DocumentLoad("download")..ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableDownload(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").pageRenderInitiate("pageRenderInitiate").pageRenderComplete("pageRenderComplete").Render()
+    @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").PageRenderInitiate("pageRenderInitiate").PageRenderComplete("pageRenderComplete").Render()
 </div>
 
 <script>
-pdfviewer.pageRenderStart = args => {
+function pageRenderInitiate(args) { 
    // This method is called when the page rendering starts
-    console.log('Rendering of pages started' + args);
+    console.log('Rendering of pages started');
+    console.log(args);
 };
 
-pdfviewer.pageRenderComplete = args => {
+function pageRenderComplete(args) {
    // This method is called when the page rendering completes
-   console.log('Rendering of pages completed' + args);
+   console.log('Rendering of pages completed');
+   console.log(args);
 };
 </script>
 

ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/accessibility.md

@@ -4,7 +4,7 @@ title: Accessibility with EJ2 ASP.NET Core PDF Viewer | Syncfusion
 description: Learn here all about accessibility in ASP.NET Core Pdfviewer component of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: PDF Viewer
-publishingplatform: ej2-asp-core-mvc
+publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 # Accessibility in Syncfusion PDF Viewer components