From ba60a1ccde4f7e16a85c815e409aae0992e6790c Mon Sep 17 00:00:00 2001 From: Yvone-Atieno <95272306+Yvone-Atieno@users.noreply.github.com> Date: Tue, 4 Apr 2023 16:37:10 +0300 Subject: [PATCH 1/5] Angular Controls Site Audit --- angular/Diagram/Gridlines.md | 14 +++++++------- angular/Kanban/Swimlanes.md | 14 +++++++------- angular/Tab/Appearance-and-Styling.md | 6 +++--- angular/Tile/Overview.md | 6 +++--- 4 files changed, 20 insertions(+), 20 deletions(-) diff --git a/angular/Diagram/Gridlines.md b/angular/Diagram/Gridlines.md index 5f3492ad..b5d00bad 100644 --- a/angular/Diagram/Gridlines.md +++ b/angular/Diagram/Gridlines.md @@ -1,13 +1,13 @@ --- layout: post -title: Add gridlines behind nodes and connectors to ease alignments -description: How to add gridlines behind nodes and connectors? +title: Gridlines in Angular Diagram Control | Syncfusion +description: Learn here about adding gridlines behind nodes and connectors support in Syncfusion Essential Angular Diagram Control, its elements, and more. platform: Angular control: Diagram documentation: ug --- -# Gridlines +# Gridlines in Angular Diagram **Gridlines** are the pattern of lines drawn behind the Diagram elements. It provides a visual guidance while dragging or arranging the objects on the Diagram surface. @@ -44,7 +44,7 @@ export class ModelComponent { {% endhighlight %} -![](/angular/Diagram/Gridlines_images/Gridlines_img1.png) +![Customize the gridlines visibility in Angular Diagram](/angular/Diagram/Gridlines_images/Gridlines_img1.png) To show only horizontal/vertical gridlines or to hide gridlines, refer to [Constraints](/angular/Diagram/Constraints#snapconstraints "Constraints") @@ -82,7 +82,7 @@ export class ModelComponent { {% endhighlight %} -![](/angular/Diagram/Gridlines_images/Gridlines_img4.png) +![Appearance in Angular Diagram](/angular/Diagram/Gridlines_images/Gridlines_img4.png) ### Line Intervals @@ -121,7 +121,7 @@ export class ModelComponent { {% endhighlight %} -![](/angular/Diagram/Gridlines_images/Gridlines_img2.png) +![Line Intervals in Angular Diagram](/angular/Diagram/Gridlines_images/Gridlines_img2.png) # Snapping @@ -193,4 +193,4 @@ export class ModelComponent { {% endhighlight %} -![](/angular/Diagram/Gridlines_images/Gridlines_img4.png) \ No newline at end of file +![Snap To Objects in Angular Diagram](/angular/Diagram/Gridlines_images/Gridlines_img4.png) \ No newline at end of file diff --git a/angular/Kanban/Swimlanes.md b/angular/Kanban/Swimlanes.md index 2824752a..1e75c34f 100644 --- a/angular/Kanban/Swimlanes.md +++ b/angular/Kanban/Swimlanes.md @@ -1,13 +1,13 @@ --- layout: post -title: Swimlanes -description: Swimlanes +title: Swimlanes in Angular Kanaban Control | Syncfusion +description: Learn here more about Swimlanes in Syncfusion Essential Angular Kanban Control, its elements, and more. documentation: ug platform: Angular keywords: swimlanes,kanban swimlanes --- -## Swim lanes +# Swim lanes in Angular Kanban Swim lanes are a horizontal categorization of issues in the Kanban control which brings transparency to the workflow. This can be enabled by mapping the [`swimlaneKey`](https://help.syncfusion.com/api/js/ejkanban#members:swimlaneKey) to appropriate column name in the [`dataSource`](https://help.syncfusion.com/api/js/ejkanban#members:datasource). @@ -47,7 +47,7 @@ export class DefaultComponent { The following output is displayed as a result of the above code example. -![](Swimlane_images/swimlane_img1.png) +![Swim lanes in Angular Kanban](Swimlane_images/swimlane_img1.png) ## Drag And Drop between swim lanes @@ -91,7 +91,7 @@ export class DefaultComponent { The following output is displayed as a result of the above code example. -![](Swimlane_images/swimlane_img2.png) +![Drag And Drop between swim lanes in Angular Kanban](Swimlane_images/swimlane_img2.png) ## Unassigned swim lane group @@ -144,7 +144,7 @@ export class DefaultComponent { The output of the above code example. -![](Swimlane_images/swimlane_img3.png) +![Using default values in Angular Kanban](Swimlane_images/swimlane_img3.png) ### Using user defined values @@ -186,4 +186,4 @@ export class DefaultComponent { The output of the above code example. -![](Swimlane_images/swimlane_img4.png) +![Using user defined values in Angular Kanban](Swimlane_images/swimlane_img4.png) diff --git a/angular/Tab/Appearance-and-Styling.md b/angular/Tab/Appearance-and-Styling.md index e96a9f94..c30e1fe8 100644 --- a/angular/Tab/Appearance-and-Styling.md +++ b/angular/Tab/Appearance-and-Styling.md @@ -1,13 +1,13 @@ --- layout: post -title: Appearance-and-Styling | Syncfusion -description: appearance and styling +title: Appearance and Styling in Angular Tab Control | Syncfusion +description: Learn here about appearance and styling in Syncfusion Essential Angular TreeGrid Control, its elements, and more. platform: Angular control: Tab documentation: ug --- -# Appearance and Styling +# Appearance and Styling in Angular Tab ## Header Image Customization diff --git a/angular/Tile/Overview.md b/angular/Tile/Overview.md index aff2f9a5..b082b80e 100644 --- a/angular/Tile/Overview.md +++ b/angular/Tile/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: Overview -description: overview +title: Overview in Angular Tile Control | Syncfusion +description: Learn here more about Overview in Syncfusion Essential Angular Tile Control, its elements, and more. platform: Angular control: tile documentation: ug --- -# Overview +# Overview in Angular Tile The Essential JavaScript Tile component provided with Angular support displays opaque rectangles or squares and they are arrayed on the start screen like a grid pattern. Tapping or selecting a Tile, launches the app or does some other action that is represented by the Tile. Tiles are arranged in a group separated by columns that looks like a start screen of a device and it can be either static or live. From 1dd7cc81e9dcb8fa53dd378557aebd4d13392297 Mon Sep 17 00:00:00 2001 From: Yvone-Atieno <95272306+Yvone-Atieno@users.noreply.github.com> Date: Wed, 5 Apr 2023 11:19:52 +0300 Subject: [PATCH 2/5] gave space between swimlanes --- angular/Kanban/Swimlanes.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/angular/Kanban/Swimlanes.md b/angular/Kanban/Swimlanes.md index 1e75c34f..02789a23 100644 --- a/angular/Kanban/Swimlanes.md +++ b/angular/Kanban/Swimlanes.md @@ -1,7 +1,7 @@ --- layout: post -title: Swimlanes in Angular Kanaban Control | Syncfusion -description: Learn here more about Swimlanes in Syncfusion Essential Angular Kanban Control, its elements, and more. +title: Swim lanes in Angular Kanaban Control | Syncfusion +description: Learn here more about Swim lanes in Syncfusion Essential Angular Kanban Control, its elements, and more. documentation: ug platform: Angular keywords: swimlanes,kanban swimlanes From 9a026383a2f839250fb28167d9165693111c09a0 Mon Sep 17 00:00:00 2001 From: Yvone-Atieno <95272306+Yvone-Atieno@users.noreply.github.com> Date: Wed, 5 Apr 2023 11:21:29 +0300 Subject: [PATCH 3/5] removed space --- angular/Kanban/Swimlanes.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/angular/Kanban/Swimlanes.md b/angular/Kanban/Swimlanes.md index 02789a23..c3acdf46 100644 --- a/angular/Kanban/Swimlanes.md +++ b/angular/Kanban/Swimlanes.md @@ -1,7 +1,7 @@ --- layout: post -title: Swim lanes in Angular Kanaban Control | Syncfusion -description: Learn here more about Swim lanes in Syncfusion Essential Angular Kanban Control, its elements, and more. +title: Swimlanes in Angular Kanaban Control | Syncfusion +description: Learn here more about Swimlanes in Syncfusion Essential Angular Kanban Control, its elements, and more. documentation: ug platform: Angular keywords: swimlanes,kanban swimlanes From 99bccaa994193177d1f18b29b00af837fc47f7f1 Mon Sep 17 00:00:00 2001 From: Yvone-Atieno <95272306+Yvone-Atieno@users.noreply.github.com> Date: Wed, 5 Apr 2023 11:52:23 +0300 Subject: [PATCH 4/5] modified --- angular/Kanban/Swimlanes.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/angular/Kanban/Swimlanes.md b/angular/Kanban/Swimlanes.md index c3acdf46..20e3dd18 100644 --- a/angular/Kanban/Swimlanes.md +++ b/angular/Kanban/Swimlanes.md @@ -1,6 +1,6 @@ --- layout: post -title: Swimlanes in Angular Kanaban Control | Syncfusion +title: Swimlanes in Angular Kanban Control | Syncfusion description: Learn here more about Swimlanes in Syncfusion Essential Angular Kanban Control, its elements, and more. documentation: ug platform: Angular From 6da705abf5d80c703058b9e9f12709fb773c6236 Mon Sep 17 00:00:00 2001 From: Yvone-Atieno <95272306+Yvone-Atieno@users.noreply.github.com> Date: Fri, 14 Apr 2023 08:30:17 +0300 Subject: [PATCH 5/5] made changes --- angular/Tab/Appearance-and-Styling.md | 2 +- angular/Tile/Overview.md | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/angular/Tab/Appearance-and-Styling.md b/angular/Tab/Appearance-and-Styling.md index c30e1fe8..6e57ec70 100644 --- a/angular/Tab/Appearance-and-Styling.md +++ b/angular/Tab/Appearance-and-Styling.md @@ -1,7 +1,7 @@ --- layout: post title: Appearance and Styling in Angular Tab Control | Syncfusion -description: Learn here about appearance and styling in Syncfusion Essential Angular TreeGrid Control, its elements, and more. +description: Learn here about appearance and styling in Syncfusion Essential Angular Tab Control, its elements, and more. platform: Angular control: Tab documentation: ug diff --git a/angular/Tile/Overview.md b/angular/Tile/Overview.md index b082b80e..5422c499 100644 --- a/angular/Tile/Overview.md +++ b/angular/Tile/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: Overview in Angular Tile Control | Syncfusion -description: Learn here more about Overview in Syncfusion Essential Angular Tile Control, its elements, and more. +title: Overview of Angular Tile Control | Syncfusion +description: Learn here more about Overview of Syncfusion Essential Angular Tile Control, its elements, and more. platform: Angular control: tile documentation: ug --- -# Overview in Angular Tile +# Overview of Angular Tile The Essential JavaScript Tile component provided with Angular support displays opaque rectangles or squares and they are arrayed on the start screen like a grid pattern. Tapping or selecting a Tile, launches the app or does some other action that is represented by the Tile. Tiles are arranged in a group separated by columns that looks like a start screen of a device and it can be either static or live.