From a1130e9ccda939adc30ef088e73af63c8ed80eb5 Mon Sep 17 00:00:00 2001
From: Gayathri4135 <gayathri.palanivel@syncfusion.com>
Date: Tue, 18 Feb 2025 09:54:40 +0530
Subject: [PATCH] Documentation(940737)- Need to remove the topic in How-to in
 Angular platfform

---
 ej2-angular-toc.html                          |  2 -
 .../grid/hide-sort-excel-cs1/angular.json     | 69 -----------------
 .../grid/hide-sort-excel-cs1/index.html       | 36 ---------
 .../grid/hide-sort-excel-cs1/package.json     | 52 -------------
 .../hide-sort-excel-cs1/src/app.component.ts  | 43 -----------
 .../hide-sort-excel-cs1/src/datasource.ts     | 76 -------------------
 .../grid/hide-sort-excel-cs1/src/main.ts      |  4 -
 .../grid/hide-sort-excel-cs1/src/styles.css   | 12 ---
 .../grid/hide-sort-excel-cs1/tsconfig.json    | 32 --------
 .../how-to/display-null-values-at-bottom.md   | 27 -------
 .../how-to/hide-sorting-in-excel-filter.md    | 34 ---------
 11 files changed, 387 deletions(-)
 delete mode 100644 ej2-angular/code-snippet/grid/hide-sort-excel-cs1/angular.json
 delete mode 100644 ej2-angular/code-snippet/grid/hide-sort-excel-cs1/index.html
 delete mode 100644 ej2-angular/code-snippet/grid/hide-sort-excel-cs1/package.json
 delete mode 100644 ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/app.component.ts
 delete mode 100644 ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/datasource.ts
 delete mode 100644 ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/main.ts
 delete mode 100644 ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/styles.css
 delete mode 100644 ej2-angular/code-snippet/grid/hide-sort-excel-cs1/tsconfig.json
 delete mode 100644 ej2-angular/grid/how-to/display-null-values-at-bottom.md
 delete mode 100644 ej2-angular/grid/how-to/hide-sorting-in-excel-filter.md

diff --git a/ej2-angular-toc.html b/ej2-angular-toc.html
index d0d1c3a9fc..84c55cbcdd 100644
--- a/ej2-angular-toc.html
+++ b/ej2-angular-toc.html
@@ -1514,9 +1514,7 @@
          <li>How To
            <ul>
              <li><a href="/ej2-angular/grid/how-to/enable-disable-grid-and-its-actions">Enable/Disable Grid and its actions</a></li>
-             <li><a href="/ej2-angular/grid/how-to/hide-sorting-in-excel-filter">Hide sorting options on Excel filter dialog</a></li>
              <li><a href="/ej2-angular/grid/how-to/exporting-grid-in-cordova-application">Exporting Grid in Cordova application</a></li>
-             <li><a href="/ej2-angular/grid/how-to/display-null-values-at-bottom">Display null date values at the bottom of the grid</a></li>
              <li><a href="/ej2-angular/grid/how-to/custom-helper-function-inside-loop-with-template">Use custom helper inside the loop with templates</a></li>
              <li><a href="/ej2-angular/grid/how-to/resize-grid-in-various-dimension">Resize the grid in various dimension</a></li>
              <li><a href="/ej2-angular/grid/how-to/unit-jasmine-testing">Unit Jasmine testing</a></li>             
diff --git a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/angular.json b/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/angular.json
deleted file mode 100644
index 27d8f4a915..0000000000
--- a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/angular.json
+++ /dev/null
@@ -1,69 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "projects": {
-    "syncfusion-component": {
-      "projectType": "application",
-      "schematics": {},
-      "root": "",
-      "sourceRoot": "src",
-      "prefix": "app",
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:browser",
-          "options": {
-            "outputPath": "dist",
-            "index": "index.html",
-            "main": "src/main.ts",
-            "tsConfig": "tsconfig.json",
-            "styles": [
-              "src/styles.css"
-            ]
-          },
-          "configurations": {
-            "production": {
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "500kb",
-                  "maximumError": "10mb"
-                },
-                {
-                  "type": "anyComponentStyle",
-                  "maximumWarning": "2kb",
-                  "maximumError": "4kb"
-                }
-              ],
-              "outputHashing": "all"
-            },
-            "development": {
-              "buildOptimizer": false,
-              "optimization": false,
-              "vendorChunk": true,
-              "extractLicenses": false,
-              "sourceMap": true,
-              "namedChunks": true
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
-          "configurations": {
-            "production": {
-              "buildTarget": "syncfusion-component:build:production"
-            },
-            "development": {
-              "buildTarget": "syncfusion-component:build:development"
-            }
-          },
-          "defaultConfiguration": "development"
-        }
-      }
-    }
-  },
-  "cli": {
-    "analytics": false
-  }
-}
\ No newline at end of file
diff --git a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/index.html b/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/index.html
deleted file mode 100644
index 1fb727def2..0000000000
--- a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <title>Syncfusion Angular Grid</title>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="Typescript UI Controls" />
-    
-<meta name="author" content="Syncfusion" />
-    <style>
-    #loader {
-        color: #008cff;
-        font-family:  'Helvetica Neue','calibiri';
-        font-size: 16px;
-        height: 40px;
-        left: 45%;
-        position: absolute;
-        top: 45%;
-        width: 30%;
-    }
-    #EmployeeID {
-        width: 100%;
-    }
-    .e-excel-ascending,
-    .e-excel-descending,
-    .e-separator.e-excel-separator {
-    display: none;
-    } 
-</style>
-</head>
-<body style="margin-top: 125px">
-    <app-root>
-        <div id='loader'>Loading....</div>
-    </app-root>
-</body>
-</html>
\ No newline at end of file
diff --git a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/package.json b/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/package.json
deleted file mode 100644
index 3f4db8fc95..0000000000
--- a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/package.json
+++ /dev/null
@@ -1,52 +0,0 @@
-{
-  "name": "syncfusion-component",
-  "version": "0.0.0",
-  "scripts": {
-    "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build",
-    "watch": "ng build --watch --configuration development",
-    "test": "ng test"
-  },
-  "private": true,
-  "dependencies": {
-    "@angular/core": "17.1.2",
-    "@angular/platform-browser": "17.1.2",
-    "@angular/platform-browser-dynamic": "17.1.2",
-    "@syncfusion/ej2-angular-grids": "*",
-    "@syncfusion/ej2-base": "*",
-    "@syncfusion/ej2-buttons": "*",
-    "@syncfusion/ej2-calendars": "*",
-    "@syncfusion/ej2-dropdowns": "*",
-    "@syncfusion/ej2-inputs": "*",
-    "@syncfusion/ej2-navigations": "*",
-    "@syncfusion/ej2-popups": "*",
-    "@syncfusion/ej2-splitbuttons": "*",
-    "@syncfusion/ej2-notifications": "*",
-    "@syncfusion/ej2-angular-dropdowns": "*",
-    "@syncfusion/ej2-angular-base": "*",
-    "@angular/animations": "17.1.2",
-    "@angular/common": "17.1.2",
-    "@angular/compiler": "17.1.2",
-    "@angular/forms": "17.1.2",
-    "@angular/router": "17.1.2",
-    "moment": "2.29.4",
-    "rxjs": "7.8.0",
-    "tslib": "2.3.0",
-    "zone.js": "0.14.3",
-    "@syncfusion/ej2-grids": "*"
-  },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "17.1.2",
-    "@angular/cli": "17.1.2",
-    "@angular/compiler-cli": "17.1.2",
-    "@types/jasmine": "4.3.0",
-    "jasmine-core": "4.5.0",
-    "karma": "6.4.0",
-    "karma-chrome-launcher": "3.1.0",
-    "karma-coverage": "2.2.0",
-    "karma-jasmine": "5.1.0",
-    "karma-jasmine-html-reporter": "2.0.0",
-    "typescript": "5.3.3"
-  }
-}
\ No newline at end of file
diff --git a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/app.component.ts b/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/app.component.ts
deleted file mode 100644
index 1827d2247d..0000000000
--- a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/app.component.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { NgModule } from '@angular/core'
-import { BrowserModule } from '@angular/platform-browser'
-import { GridModule, FilterService} from '@syncfusion/ej2-angular-grids'
-
-
-
-import { Component, OnInit } from '@angular/core';
-import { data } from './datasource';
-import { FilterSettingsModel } from '@syncfusion/ej2-angular-grids';
-
-@Component({
-imports: [
-        
-        GridModule
-    ],
-
-providers: [FilterService],
-standalone: true,
-    selector: 'app-root',
-    template: `<ejs-grid [dataSource]='data' [allowFiltering]='true' [filterSettings]='filterOptions' height='273px'>
-                <e-columns>
-                    <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=100></e-column>
-                    <e-column field='CustomerID' headerText='Customer ID' width=120></e-column>
-                    <e-column field='ShipCity' headerText='Ship City' width=100></e-column>
-                    <e-column field='ShipName' headerText='Ship Name' width=100></e-column>
-                </e-columns>
-                </ejs-grid>`
-})
-export class AppComponent implements OnInit {
-
-    public data?: object[];
-    public filterOptions?: FilterSettingsModel;
-
-    ngOnInit(): void {
-        this.data = data;
-        this.filterOptions = {
-           type: 'Excel',
-        };
-    }
-}
-
-
-
diff --git a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/datasource.ts b/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/datasource.ts
deleted file mode 100644
index afaf656706..0000000000
--- a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/datasource.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-export let data: Object[] = [
-    {
-        OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5),
-        ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye',
-        ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0
-    },
-    {
-        OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6),
-        ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48',
-        ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1
-    },
-    {
-        OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5),
-        ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67',
-        ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0
-    },
-    {
-        OrderID: 10251, CustomerID: 'VICTE', EmployeeID: 3, OrderDate: new Date(8367642e5),
-        ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce',
-        ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', Freight: 41.34, Verified: !0
-    },
-    {
-        OrderID: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5),
-        ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255',
-        ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', Freight: 51.3, Verified: !0
-    },
-    {
-        OrderID: 10253, CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(836937e6),
-        ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67',
-        ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 58.17, Verified: !0
-    },
-    {
-        OrderID: 10254, CustomerID: 'CHOPS', EmployeeID: 5, OrderDate: new Date(8370234e5),
-        ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31',
-        ShipRegion: 'CJ', ShipPostalCode: '3012', ShipCountry: 'Switzerland', Freight: 22.98, Verified: !1
-    },
-    {
-        OrderID: 10255, CustomerID: 'RICSU', EmployeeID: 9, OrderDate: new Date(8371098e5),
-        ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5',
-        ShipRegion: 'CJ', ShipPostalCode: '1204', ShipCountry: 'Switzerland', Freight: 148.33, Verified: !0
-    },
-    {
-        OrderID: 10256, CustomerID: 'WELLI', EmployeeID: 3, OrderDate: new Date(837369e6),
-        ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12',
-        ShipRegion: 'SP', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', Freight: 13.97, Verified: !1
-    },
-    {
-        OrderID: 10257, CustomerID: 'HILAA', EmployeeID: 4, OrderDate: new Date(8374554e5),
-        ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35',
-        ShipRegion: 'Táchira', ShipPostalCode: '5022', ShipCountry: 'Venezuela', Freight: 81.91, Verified: !0
-    },
-    {
-        OrderID: 10258, CustomerID: 'ERNSH', EmployeeID: 1, OrderDate: new Date(8375418e5),
-        ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6',
-        ShipRegion: 'CJ', ShipPostalCode: '8010', ShipCountry: 'Austria', Freight: 140.51, Verified: !0
-    },
-    {
-        OrderID: 10259, CustomerID: 'CENTC', EmployeeID: 4, OrderDate: new Date(8376282e5),
-        ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993',
-        ShipRegion: 'CJ', ShipPostalCode: '05022', ShipCountry: 'Mexico', Freight: 3.25, Verified: !1
-    },
-    {
-        OrderID: 10260, CustomerID: 'OTTIK', EmployeeID: 4, OrderDate: new Date(8377146e5),
-        ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369',
-        ShipRegion: 'CJ', ShipPostalCode: '50739', ShipCountry: 'Germany', Freight: 55.09, Verified: !0
-    },
-    {
-        OrderID: 10261, CustomerID: 'QUEDE', EmployeeID: 4, OrderDate: new Date(8377146e5),
-        ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12',
-        ShipRegion: 'RJ', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', Freight: 3.05, Verified: !1
-    },
-    {
-        OrderID: 10262, CustomerID: 'RATTC', EmployeeID: 8, OrderDate: new Date(8379738e5),
-        ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.',
-        ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0
-    }];
\ No newline at end of file
diff --git a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/main.ts b/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/main.ts
deleted file mode 100644
index 3607237bd6..0000000000
--- a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/main.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
-import 'zone.js';
-bootstrapApplication(AppComponent).catch((err) => console.error(err));
\ No newline at end of file
diff --git a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/styles.css b/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/styles.css
deleted file mode 100644
index 33191e4941..0000000000
--- a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/src/styles.css
+++ /dev/null
@@ -1,12 +0,0 @@
-@import 'node_modules/@syncfusion/ej2-base/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-buttons/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-calendars/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-inputs/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-navigations/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-popups/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-notifications/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-dropdowns/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-base/styles/material.css';
-@import 'node_modules/@syncfusion/ej2-angular-grids/styles/material.css';
diff --git a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/tsconfig.json b/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/tsconfig.json
deleted file mode 100644
index 9fa16d6333..0000000000
--- a/ej2-angular/code-snippet/grid/hide-sort-excel-cs1/tsconfig.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "sourceMap": true,
-    "declaration": false,
-    "downlevelIteration": true,
-    "experimentalDecorators": true,
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "ES2022",
-    "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ]
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}
\ No newline at end of file
diff --git a/ej2-angular/grid/how-to/display-null-values-at-bottom.md b/ej2-angular/grid/how-to/display-null-values-at-bottom.md
deleted file mode 100644
index 345d1448b8..0000000000
--- a/ej2-angular/grid/how-to/display-null-values-at-bottom.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-layout: post
-title: Display null values at bottom in Angular Grid component | Syncfusion
-description: Learn here all about Display null values at bottom in Syncfusion Angular Grid component of Syncfusion Essential JS 2 and more.
-platform: ej2-angular
-control: Display null values at bottom 
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Display null values at bottom in Angular Grid component
-
-By default the null values are displayed at bottom of the Grid row while perform sorting in ascending order. As well as this values are displayed at top of the Grid row while perform sorting with descending order. But you can customize this default order to display the null values at always bottom row of the Grid by using [`column.sortComparer`](https://ej2.syncfusion.com/angular/documentation/api/grid/column/#sortcomparer) method.
-
-In the below demo we have displayed the null date values at bottom of the Grid row while sorting the **OrderDate** column in both ways.
-
-{% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/grid/null-date-value-cs1/src/app.component.ts %}
-{% endhighlight %}
-
-{% highlight ts tabtitle="main.ts" %}
-{% include code-snippet/grid/null-date-value-cs1/src/main.ts %}
-{% endhighlight %}
-{% endtabs %}
-  
-{% previewsample "page.domainurl/samples/grid/null-date-value-cs1" %}
diff --git a/ej2-angular/grid/how-to/hide-sorting-in-excel-filter.md b/ej2-angular/grid/how-to/hide-sorting-in-excel-filter.md
deleted file mode 100644
index a6d3c54e70..0000000000
--- a/ej2-angular/grid/how-to/hide-sorting-in-excel-filter.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-layout: post
-title: Hide sorting in excel filter in Angular Grid component | Syncfusion
-description: Learn here all about Hide sorting in excel filter in Syncfusion Angular Grid component of Syncfusion Essential JS 2 and more.
-platform: ej2-angular
-control: Hide sorting in excel filter 
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Hide sorting in excel filter in Angular Grid component
-
-You can hide the sorting options on the excel filter dialog by setting display as none for the following classes.
-
-```css
-.e-excel-ascending,
-.e-excel-descending,
-.e-separator.e-excel-separator {
-  display: none;
-}
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="app.component.ts" %}
-{% include code-snippet/grid/hide-sort-excel-cs1/src/app.component.ts %}
-{% endhighlight %}
-
-{% highlight ts tabtitle="main.ts" %}
-{% include code-snippet/grid/hide-sort-excel-cs1/src/main.ts %}
-{% endhighlight %}
-{% endtabs %}
-  
-{% previewsample "page.domainurl/samples/grid/hide-sort-excel-cs1" %}