From 8cd07db545f52b83c56a6e32119488a20cade86b Mon Sep 17 00:00:00 2001 From: Sharly-Atieno Date: Thu, 23 May 2024 17:51:55 +0300 Subject: [PATCH 1/3] SEO-182860-Angular-Changes-File-Explorer --- angular/FileExplorer/Getting-Started.md | 10 +++++----- ...ular-file-explorer-running-the-application.jpeg} | Bin 2 files changed, 5 insertions(+), 5 deletions(-) rename angular/FileExplorer/{Getting-Started_images/Getting-Started_img1.jpeg => getting-started_images/angular-file-explorer-running-the-application.jpeg} (100%) diff --git a/angular/FileExplorer/Getting-Started.md b/angular/FileExplorer/Getting-Started.md index 1a677c67..9b3ead42 100644 --- a/angular/FileExplorer/Getting-Started.md +++ b/angular/FileExplorer/Getting-Started.md @@ -1,13 +1,13 @@ --- -title: Getting Started for Angular FileExplorer -description: Getting Started for Angular FileExplorer -platform: Angular +title: Getting Started with Angular File Explorer Component | Syncfusion +description: Learn here all about getting started with Syncfusion Essential Angular File Explorer component, it's elements and more. +platform: angular control: FileExplorer documentation: Ug keywords: ejfileexplorer, js fileexplorer, fileexplorer --- -# Getting Started +# Getting Started with Angular File Explorer This section explains briefly about how to create a **FileExplorer** control in your application with **Angular**. @@ -125,7 +125,7 @@ npm start N> if you want to use other port, open `package.json` file, then change port in `--port 3000` script and also change the port in `config/webpack.dev.js`. -![](Getting-Started_images/Getting-Started_img1.jpeg) +![Running the application in Angular File Explorer.](getting-started_images/angular-file-explorer-running-the-application.jpeg) ## Create FileExplorer in Angular Application using SystemJS diff --git a/angular/FileExplorer/Getting-Started_images/Getting-Started_img1.jpeg b/angular/FileExplorer/getting-started_images/angular-file-explorer-running-the-application.jpeg similarity index 100% rename from angular/FileExplorer/Getting-Started_images/Getting-Started_img1.jpeg rename to angular/FileExplorer/getting-started_images/angular-file-explorer-running-the-application.jpeg From cc4ccc6026953e567e9090899fac788f6a6f995e Mon Sep 17 00:00:00 2001 From: Sharly-Atieno Date: Thu, 23 May 2024 17:59:23 +0300 Subject: [PATCH 2/3] made changes --- angular/Grid/Hierarchy-Grid.md | 10 +++++----- .../angular-grid-hierarchical-bindings.png} | Bin 2 files changed, 5 insertions(+), 5 deletions(-) rename angular/Grid/{Hierarchy-Grid_images/HierarchyGrid_img1.png => hierarchy-grid_images/angular-grid-hierarchical-bindings.png} (100%) diff --git a/angular/Grid/Hierarchy-Grid.md b/angular/Grid/Hierarchy-Grid.md index f7509d06..c0db1665 100644 --- a/angular/Grid/Hierarchy-Grid.md +++ b/angular/Grid/Hierarchy-Grid.md @@ -1,13 +1,13 @@ --- layout: post -title: Hierarchical binding with Grid widget for Syncfusion Essential Angular-2 -description: How to bind the hierarchical data -platform: Angular +title: Hierarchical binding in Angular Grid Component | Syncfusion +description: Learn here all about hierarchical binding support in Syncfusion Essential Angular Grid component, it's elements and more. +platform: angular control: Grid documentation: ug api: api/angular/ejgrid --- -# Hierarchical Bindings +# Hierarchical bindings in Angular Grid Hierarchical binding can be used to create the Grid with parent and child relation, this facilitate you to view the child records for a particular row by clicking on the Expander button present in first column of each grid row. This can be enabled by defining [`childGrid`](https://help.syncfusion.com/api/angular/ejgrid#members:childgrid "childGrid") and `childGrid.queryString`. [`childGrid`](https://help.syncfusion.com/api/angular/ejgrid#members:childgrid "childGrid") is to define options of child and `childGrid.queryString` is to define the relation between parent and child grid. @@ -65,7 +65,7 @@ export class GridComponent { {% endhighlight %} -![](Hierarchy-Grid_images/HierarchyGrid_img1.png) +![Hierarchical bindings in Angular Grid](hierarchy-grid_images/angular-grid-hierarchical-bindings.png) ## Expand or Collapse All Child diff --git a/angular/Grid/Hierarchy-Grid_images/HierarchyGrid_img1.png b/angular/Grid/hierarchy-grid_images/angular-grid-hierarchical-bindings.png similarity index 100% rename from angular/Grid/Hierarchy-Grid_images/HierarchyGrid_img1.png rename to angular/Grid/hierarchy-grid_images/angular-grid-hierarchical-bindings.png From 7a2bf760e14ae387df1c5458aae787b3866150df Mon Sep 17 00:00:00 2001 From: Sharly-Atieno Date: Thu, 23 May 2024 18:38:54 +0300 Subject: [PATCH 3/3] Update Getting-Started.md --- angular/FileExplorer/Getting-Started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/angular/FileExplorer/Getting-Started.md b/angular/FileExplorer/Getting-Started.md index 9b3ead42..5b557ea0 100644 --- a/angular/FileExplorer/Getting-Started.md +++ b/angular/FileExplorer/Getting-Started.md @@ -239,5 +239,5 @@ npm start * Browse to [http://localhost:3000](http://localhost:3000) to see the application. And navigate to FileExplorer tab. The component is rendered as like the below screenshot. You can make changes in the code found under src folder and the browser should auto-refresh itself while you save files. -![](Getting-Started_images/Getting-Started_img1.jpeg) +![Running the application in Angular File Explorer.](getting-started_images/angular-file-explorer-running-the-application.jpeg)