Merge pull request #306 from Syncfusion-Content/hotfix/hotfix-v26.1.35

DOCINFRA-2341_merged_using_automation

Author: SyncfusionBuild

ej2-javascript/card/js/es5-getting-started.md

@@ -1,15 +1,15 @@
 ---
 layout: post
-title: Es5 getting started with ##Platform_Name## Card control | Syncfusion
-description:  Checkout and learn about Es5 getting started with ##Platform_Name## Card control of Syncfusion Essential JS 2 and more details.
+title: Es5 Getting Started with ##Platform_Name## Card Control | Syncfusion
+description: Checkout and learn about Es5 getting started with ##Platform_Name## Card control, it's elements, and more.
 platform: ej2-javascript
 control: Es5 getting started 
 publishingplatform: ##Platform_Name##
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Es5 getting started in ##Platform_Name## Card control
+# Es5 Getting Started in ##Platform_Name## Card Control
 
 The Essential JS 2 for JavaScript (global script) is an ES5 formatted pure JavaScript framework that can be directly used in latest web browsers.
 
@@ -114,7 +114,7 @@ The Essential JS 2 JavaScript components can be initialized by using any of the
 
 You can create Card with a header in a specific structure. For adding header you need to create a `div` element with `e-card-header` class added.
 
-* You can include heading inside the Card header by adding a `div` element with `e-card-header-caption` class, and also content will be added by adding element with `e-card-content`. For detailed information, refer to the [Header and Content](./header-content/).
+* You can include heading inside the Card header by adding a `div` element with `e-card-header-caption` class, and also content will be added by adding element with `e-card-content`. For detailed information, refer to the [Header and Content](./header-content).
 
 ```
     <div class = "e-card">                    --> Root Element

ej2-javascript/chart/Chart-types/spline-area.md

@@ -1,15 +1,15 @@
 ---
 layout: post
-title: Spline area in ##Platform_Name## Chart control | Syncfusion
-description: Learn here all about Spline area in Syncfusion ##Platform_Name## Chart control of Syncfusion Essential JS 2 and more.
+title: Spline Area in ##Platform_Name## Chart Control | Syncfusion
+description: Learn here all about spline area in Syncfusion ##Platform_Name## Chart control, it's elements, and more.
 platform: ej2-javascript
 control: Spline area 
 publishingplatform: ##Platform_Name##
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Spline area Chart in ##Platform_Name## control
+# Spline area Chart in ##Platform_Name## Control
 
 ## Spline area
 
@@ -79,5 +79,5 @@ The following properties can be used to customize the `spline area` series.
 
 ## See Also
 
-* [Data label](../data-labels/)
-* [Tooltip](../tool-tip/)
+* [Data label](../data-labels)
+* [Tooltip](../tool-tip)

ej2-javascript/code-snippet/gantt/gantt-tooltip-cs4/images/1.svg renamed to ej2-javascript/code-snippet/gantt/gantt-tooltip-cs4/1.svg

@@ -62,13 +62,13 @@ var ganttChart = new ej.gantt.Gantt({
 });
 ganttChart.appendTo('#Gantt');
 
-window.bgColor = (value, date) => {
+function bgColor (value, date){
     if (value === "S") {
         return "#7BD3EA"
     }
     const parsedDate = new Date(date);
-    for (let i = 0; i < gantt.holidays.length; i++) {
-        const holiday = gantt.holidays[i];
+    for (let i = 0; i < ganttChart.holidays.length; i++) {
+        const holiday = ganttChart.holidays[i];
         const fromDate = new Date(holiday.from);
         const toDate = new Date(holiday.to)
         if (parsedDate >= fromDate && parsedDate <= toDate) {
@@ -77,20 +77,20 @@ window.bgColor = (value, date) => {
     }
     return "#E0FBE2"
 };
-window.imagedate = () => {
+function imagedate () {
     const getImage = Math.floor(Math.random() * 5) + 1;
-    return "./images/" + getImage + ".svg";
+    return  getImage + ".svg";
 
 }
-window.holidayValue = (value, date) => {
+function holidayValue  (value, date) {
 
     const parsedDate = new Date(date);
-    for (let i = 0; i < gantt.holidays.length; i++) {
-        const holiday = gantt.holidays[i];
+    for (let i = 0; i < ganttChart.holidays.length; i++) {
+        const holiday = ganttChart.holidays[i];
         const fromDate = new Date(holiday.from);
         const toDate = new Date(holiday.to)
         if (parsedDate >= fromDate && parsedDate <= toDate) {
-            const options: any = { weekday: 'short' };
+            const options = { weekday: 'short' };
             return parsedDate.toLocaleDateString('en-US', options).toLocaleUpperCase();
         }
     }

ej2-javascript/code-snippet/gantt/gantt-tooltip-cs4/images/2.svg renamed to ej2-javascript/code-snippet/gantt/gantt-tooltip-cs4/2.svg

@@ -20,7 +20,7 @@ Gantt.Inject(Selection, Toolbar, DayMarkers, Edit, Filter);
 };
 (<{ imagedate?: Function }>window).imagedate = () => {
     const getImage = Math.floor(Math.random() * 5) + 1;
-    return "./images/" + getImage + ".svg";
+    return  getImage + ".svg";
 
 }
 (<{ holidayValue?: Function }>window).holidayValue = (value: string, date: string): string => {
@@ -36,7 +36,7 @@ Gantt.Inject(Selection, Toolbar, DayMarkers, Edit, Filter);
         }
     }
     return value
-}z
+}
 
 let gantt: Gantt = new Gantt({
     dataSource: GanttData,

ej2-javascript/code-snippet/gantt/gantt-tooltip-cs4/images/3.svg renamed to ej2-javascript/code-snippet/gantt/gantt-tooltip-cs4/3.svg

@@ -7,30 +7,14 @@ var clickHandler = function (args) {
     }
 };
 var pdfQueryTaskbarInfo =  function(args){
-    if (!args.data.hasChildRecords) {
-        if (args.data.ganttProperties.resourceNames) {
-            args.taskbarTemplate.image = [{
-                width: 20, base64: (args).data.taskData.resourcesImage, height: 20
-            }]
-        }
-        args.taskbarTemplate.value = args.data.TaskName;
-    }
-    if (args.data.hasChildRecords) {
-        if (args.data.ganttProperties.resourceNames) {
-            args.taskbarTemplate.image = [{
-                width: 20, base64: (args).data.taskData.resourcesImage, height: 20
-            }]
-        }
-        args.taskbarTemplate.value = args.data.TaskName;
-    }
-    if (args.data.ganttProperties.duration === 0) {
-        if (args.data.ganttProperties.resourceNames) {
-            args.taskbarTemplate.image = [{
-                width: 20, base64: (args).data.taskData.resourcesImage, height: 20,
-            }]
-        }
-        args.taskbarTemplate.value = args.data.TaskName
+    args.labelSettings.leftLabel.value = args.data.ganttProperties.taskName + '[' + args.data.ganttProperties.progress + ']';
+    if (args.data.ganttProperties.resourceNames) {
+        args.labelSettings.rightLabel.value = args.data.ganttProperties.resourceNames;
+        args.labelSettings.rightLabel.image = [{
+            base64: args.data.taskData.resourcesImage, width: 20, height: 20
+        }];
     }
+    args.labelSettings.taskLabel.value = args.data.ganttProperties.progress + '%';
 }
 window.getResourceElements = function (value) {
     var out = "";

ej2-javascript/code-snippet/gantt/gantt-tooltip-cs4/images/4.svg renamed to ej2-javascript/code-snippet/gantt/gantt-tooltip-cs4/4.svg

@@ -1,7 +1,7 @@
 
 
 
-import { Gantt, Toolbar, PdfExport, Selection, PdfExportProperties,pdfQueryTaskbarInfo,PdfQueryCellInfoEventArgs } from '@syncfusion/ej2-gantt';
+import { Gantt, Toolbar, PdfExport, Selection, PdfExportProperties } from '@syncfusion/ej2-gantt';
 import { GanttData,editingResources } from 'datasource.ts';
 import { PdfColor } from '@syncfusion/ej2-pdf-export';
 import { ClickEventArgs } from '@syncfusion/ej2-navigations/src/toolbar/toolbar';

ej2-javascript/code-snippet/gantt/gantt-tooltip-cs4/images/5.svg renamed to ej2-javascript/code-snippet/gantt/gantt-tooltip-cs4/5.svg

@@ -126,7 +126,10 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
     allowOpen: true,
     openUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/open',
     allowSave: true,
-    saveUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/save'
+    saveUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/save',
+    created: function () {
+      spreadsheet.cellFormat({ fontWeight: 'bold' }, 'A1:H1');
+    }
 });
 spreadsheet.appendTo('#spreadsheet');
 

ej2-javascript/code-snippet/gantt/gantt-tooltip-cs4/index.js

@@ -132,7 +132,10 @@ let spreadsheet: Spreadsheet = new Spreadsheet({
   allowOpen: true,
   openUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/open',
   allowSave: true,
-  saveUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/save'
+  saveUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/save',
+  created: function (): void {
+    spreadsheet.cellFormat({ fontWeight: 'bold' }, 'A1:H1');
+  }
 });
 spreadsheet.appendTo('#spreadsheet');
 

ej2-javascript/code-snippet/gantt/gantt-tooltip-cs4/index.ts

@@ -127,7 +127,10 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
     allowOpen: true,
     openUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/open',
     allowSave: true,
-    saveUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/save'
+    saveUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/save',
+    created: function () {
+      spreadsheet.cellFormat({ fontWeight: 'bold' }, 'A1:H1');
+    }
 });
 
 spreadsheet.appendTo('#spreadsheet');

ej2-javascript/code-snippet/gantt/pdf-export-tasklabel-template-cs1/index.js

@@ -134,7 +134,10 @@ let spreadsheet: Spreadsheet = new Spreadsheet({
   allowOpen: true,
   openUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/open',
   allowSave: true,
-  saveUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/save'
+  saveUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/save',
+  created: function (): void {
+    spreadsheet.cellFormat({ fontWeight: 'bold' }, 'A1:H1');
+  }
 });
 spreadsheet.appendTo('#spreadsheet');
 

ej2-javascript/code-snippet/gantt/pdf-export-tasklabel-template-cs1/index.ts

@@ -81,6 +81,9 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
   allowOpen: true,
   openUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/open',
   allowSave: true,
-  saveUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/save'
+  saveUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/save',
+  created: function () {
+    spreadsheet.cellFormat({ fontWeight: 'bold' }, 'A1:C1');
+  }
 });
 spreadsheet.appendTo('#spreadsheet');

ej2-javascript/code-snippet/spreadsheet/note-cs1/index.js

@@ -84,6 +84,9 @@ let spreadsheet: Spreadsheet = new Spreadsheet({
   allowOpen: true,
   openUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/open',
   allowSave: true,
-  saveUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/save'
+  saveUrl: 'https://services.syncfusion.com/js/production/api/spreadsheet/save',
+  created: function (): void {
+    spreadsheet.cellFormat({ fontWeight: 'bold' }, 'A1:C1');
+  }
 });
 spreadsheet.appendTo('#spreadsheet');

ej2-javascript/code-snippet/spreadsheet/note-cs1/index.ts

@@ -151,7 +151,10 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
   sheets: [
     { name: 'Budget', ranges: [{ dataSource: budgetData }], columns: columns },
     { name: 'Salary', ranges: [{ dataSource: salaryData }], columns: columns },
-  ]
+  ],
+  created: function () {
+    spreadsheet.cellFormat({ fontWeight: 'bold' }, 'A1:D1');
+  }
 });
 
 spreadsheet.appendTo('#spreadsheet');

ej2-javascript/code-snippet/spreadsheet/note-cs2/index.js

@@ -64,6 +64,9 @@ let spreadsheet: Spreadsheet = new Spreadsheet({
     { name: 'Budget', ranges: [{ dataSource: budgetData }], columns: columns },
     { name: 'Salary', ranges: [{ dataSource: salaryData }], columns: columns },
   ],
+  created: function (): void {
+    spreadsheet.cellFormat({ fontWeight: 'bold' }, 'A1:D1');
+  }
 });
 
 spreadsheet.appendTo('#spreadsheet');

ej2-javascript/code-snippet/spreadsheet/note-cs2/index.ts

@@ -19,11 +19,12 @@
 <body>
     <!--Element which is going to render-->
     <div id="dialog"></div>
-    
-    <div id="container">
+    <div id="print">
         <div id="element">Print</div>
-        <input type="checkbox" id="gridline">Allow Grid Lines</input>
+        <input type="checkbox" id="gridline"> Allow Grid Lines </input>
         <input type="checkbox" id="header"> Allow Row Column Header </input>
+    </div>
+    <div id="container">
         <div id="spreadsheet"></div>
     </div>
 

ej2-javascript/code-snippet/spreadsheet/note-cs3/index.js

@@ -13,4 +13,14 @@
 
 body {
     height: 425px;
+}
+
+#element{
+    font-size: 14px;
+}
+#print input[type="checkbox"] {
+    margin: 7px;
+}
+#print label {
+    font-size: 14px;
 }

ej2-javascript/code-snippet/spreadsheet/note-cs3/index.ts

@@ -24,9 +24,11 @@
     <!--Element which is going to render-->
     <div id="dialog"></div>
     <div id='loader'>Loading....</div>
-    <div id="element">Print</div>
-    <input type="checkbox" id="gridline">Allow Grid Lines</input>
-    <input type="checkbox" id="header"> Allow Row Column Header </input>
+    <div id="print">
+        <div id="element">Print</div>
+        <input type="checkbox" id="gridline"> Allow Grid Lines </input>
+        <input type="checkbox" id="header"> Allow Row Column Header </input>
+    </div>
     <div id='container'>
         <div id="spreadsheet"></div>
     </div>

ej2-javascript/code-snippet/spreadsheet/print-cs2/index.js

@@ -111,7 +111,10 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
     { name: 'Budget', ranges: [{ dataSource: budgetData }], columns: columns },
     { name: 'Salary', ranges: [{ dataSource: salaryData }], columns: columns },
   ],
-  allowPrint: false
+  allowPrint: false,
+  created: function () {
+    spreadsheet.cellFormat({ fontWeight: 'bold' }, 'A1:D1');
+  }
 });
 
 spreadsheet.appendTo('#spreadsheet');

ej2-javascript/code-snippet/spreadsheet/print-cs2/index.ts

@@ -16,7 +16,10 @@ let spreadsheet: Spreadsheet = new Spreadsheet({
     { name: 'Budget', ranges: [{ dataSource: budgetData }], columns: columns },
     { name: 'Salary', ranges: [{ dataSource: salaryData }], columns: columns },
   ],
-  allowPrint: false
+  allowPrint: false,
+  created: function (): void {
+    spreadsheet.cellFormat({ fontWeight: 'bold' }, 'A1:D1');
+  }
 });
 
 spreadsheet.appendTo('#spreadsheet');

ej2-javascript/code-snippet/spreadsheet/print-cs2/js/index.html

@@ -1,17 +1,17 @@
 ---
 layout: post
-title: Strict mode in ##Platform_Name## Datepicker control | Syncfusion
-description: Learn here all about Strict mode in Syncfusion ##Platform_Name## Datepicker control of Syncfusion Essential JS 2 and more.
+title: Strict Mode in ##Platform_Name## DatePicker Control | Syncfusion
+description: Learn here all about strict mode in Syncfusion ##Platform_Name## DatePicker Control, it's elements, and more.
 platform: ej2-javascript
 control: Strict mode 
 publishingplatform: ##Platform_Name##
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Strict mode in ##Platform_Name## Datepicker control
+# Strict Mode in ##Platform_Name## DatePicker Control
 
-The [`strictMode`](../api/datepicker#strictmode) is an act, that allows the user to enter only the valid date within the specified min/max
+The [`strictMode`](../api/datepicker/#strictmode) is an act, that allows the user to enter only the valid date within the specified min/max
 range in textbox. If the date is invalid, then the component will stay with the previous value. Else, if the date is out of range, then the component will set the date to the min/max date.
 
 The following example demonstrates the DatePicker in `strictMode` with min/max range of 5th to 25th in a month of May. Here, it allows to enter

ej2-javascript/code-snippet/spreadsheet/print-cs2/styles.css

@@ -415,7 +415,7 @@ The following code example shows how to use the [actionFailure](https://ej2.sync
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "http://127.0.0.1:4000/ej2-javascript/code-snippet/treegrid/error-handling" %}
+{% previewsample "page.domainurl/ej2-javascript/code-snippet/treegrid/error-handling" %}
 
 ## See Also
 

ej2-javascript/code-snippet/spreadsheet/print-cs2/ts/index.html

@@ -1,15 +1,15 @@
 ---
 layout: post
-title: Security Advisory in  ##Platform_Name## Common control | Syncfusion
-description: Learn here all about Security Advisory in Syncfusion  ##Platform_Name##  Common control of Syncfusion Essential JS 2 and more.
+title: Security Advisories in  ##Platform_Name## Common control | Syncfusion
+description: Learn here all about Security Advisories in Syncfusion  ##Platform_Name##  Common control of Syncfusion Essential JS 2 and more.
 platform: ej2-javascript
 control: common
 publishingplatform: ##Platform_Name##
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Security Advisory in Syncfusion Essential JS2 Controls
+# Security Advisories in Syncfusion EJ2 Controls
 
 Syncfusion places the utmost priority on the security of our controls. Users can rest assured about the security of our controls, as we have implemented all necessary measures to mitigate security vulnerabilities such as cross-site scripting and insecure dependencies. To meet security standards, Syncfusion utilizes the [ESLint](https://eslint.org/) and [ESLint plugin security](https://github.com/eslint-community/eslint-plugin-security#rules) tools for static code analysis. Additionally, Syncfusion packages undergo software composition analysis using the [SOOS](https://soos.io/) security tool.
 
@@ -59,4 +59,4 @@ let sanitizedHtml: string = SanitizeHtmlHelper.sanitize(html);
 
 ## Security Issue
 
-If users discover any security issues or need assistance in resolving them with Syncfusion controls, please contact us by creating a support ticket on [our support site](https://syncfusion.com/support) or by posting your query on Stack Overflow with the tag `syncfusion-ej2`.
+If users discover any security issues or need assistance in resolving them with Syncfusion controls, please contact us by creating a support ticket on [our support site](https://syncfusion.com/support) or by posting your query on Stack Overflow with the tag `syncfusion-ej2`.

ej2-javascript/code-snippet/spreadsheet/print-cs3/index.js

@@ -5,7 +5,7 @@
 <li><a href="/ej2-typescript/deployment">Deployment</a></li>
 <li><a href="/ej2-typescript/browser">Browser Compatibility</a></li>
 <li><a href="https://ej2.syncfusion.com/documentation/api/base/overview/">API Reference</a></li>
-<li><a href="/ej2-typescript/security-advisory">Security Advisory</a></li>
+<li><a href="/ej2-typescript/security-advisories">Security Advisories</a></li>
 <li>
     Getting started
     <ul>