875662: commit

Author: SaravanaPriya31

ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/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',
@@ -64,7 +64,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',
@@ -106,7 +106,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',
@@ -165,7 +165,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];
@@ -201,6 +201,7 @@ The following code shows how to hide/show added custom option in context menu us
             }
         }
     };
+
 </script>   
 ```
 
@@ -214,7 +215,7 @@ The following is the output of custom context menu with customization.
         {
             text: 'Search In Google',
             id: 'search_in_google',
-            iconCss: 'e-icons e-de-ctnr-find'
+            iconCss: 'e-icons e-search'
         },
         {
             text: 'Lock Annotation',
@@ -284,6 +285,7 @@ The following is the output of custom context menu with customization.
                     search.style.display = 'block';
                 } else if (args.ids[i] === "lock_annotation" || args.ids[i] === "unlock_annotation") {
                     var isLockOption = args.ids[i] === "lock_annotation";
+
                     for (var j = 0; j < pdfviewer.selectedItems.annotations.length; j++) {
                         var selectedAnnotation = pdfviewer.selectedItems.annotations[j];
                         if (selectedAnnotation && selectedAnnotation.annotationSettings) {

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

@@ -27,25 +27,27 @@ The `pageRenderComplete` event is triggered when the rendering of a page in the
     ViewData["Title"] = "Home page";
 }
 
-<div class="text-center">
-    <ejs-pdfviewer 
-        id="pdfviewer" 
-        style="height:600px" 
-        pageRenderInitiate="pageRenderInitiate"
-        pageRenderComplete="pageRenderComplete"
-        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+<div style="width:100%;height:600px">
+    <ejs-pdfviewer id="pdfviewer"
+                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+                   resourceUrl="https://cdn.syncfusion.com/ej2/23.2.6/dist/ej2-pdfviewer-lib"
+                   pageRenderInitiate="pageRenderInitiate"
+                   pageRenderComplete="pageRenderComplete">
     </ejs-pdfviewer>
 </div>
-<script>
-pdfviewer.pageRenderInitiate = args => {
-   // This method is called when the page rendering starts
-    console.log('Rendering of pages started' + args);
-};
-
-pdfviewer.pageRenderComplete = args => {
-   // This method is called when the page rendering completes
-   console.log('Rendering of pages completed' + args);
-};
+<script type="text/javascript">
+
+    function pageRenderInitiate(args) { 
+        // This method is called when the page rendering starts
+        console.log('Rendering of pages started');
+        console.log(args);
+    }
+    function pageRenderComplete(args) {
+        // This method is called when the page rendering completes
+        console.log('Rendering of pages completed');
+        console.log(args); 
+    };
+
 </script>
 
 {% endhighlight %}
@@ -55,27 +57,27 @@ pdfviewer.pageRenderComplete = args => {
     ViewData["Title"] = "Home page";
 }
 
-<div class="text-center">
-    <ejs-pdfviewer 
-        id="pdfviewer" 
-        style="height:600px" 
-        serviceUrl="/Index" 
-        pageRenderInitiate="pageRenderInitiate"
-        pageRenderComplete="pageRenderComplete"
-        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+<div style="width:100%;height:600px">
+    <ejs-pdfviewer id="pdfviewer"
+                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+                   serviceUrl="/Index" 
+                   pageRenderInitiate="pageRenderInitiate"
+                   pageRenderComplete="pageRenderComplete">
     </ejs-pdfviewer>
 </div>
+<script type="text/javascript">
+
+    function pageRenderInitiate(args) { 
+        // This method is called when the page rendering starts
+        console.log('Rendering of pages started');
+        console.log(args);
+    }
+    function pageRenderComplete(args) {
+        // This method is called when the page rendering completes
+        console.log('Rendering of pages completed');
+        console.log(args); 
+    };
 
-<script>
-pdfviewer.pageRenderInitiate = args => {
-   // This method is called when the page rendering starts
-    console.log('Rendering of pages started' + args);
-};
-
-pdfviewer.pageRenderComplete = args => {
-   // This method is called when the page rendering completes
-   console.log('Rendering of pages completed' + args);
-};
 </script>
 {% endhighlight %}
 {% endtabs %}