Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions angular/Diagram/Gridlines.md
Original file line number Diff line number Diff line change
@@ -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.

Expand Down Expand Up @@ -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")

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -193,4 +193,4 @@ export class ModelComponent {

{% endhighlight %}

![](/angular/Diagram/Gridlines_images/Gridlines_img4.png)
![Snap To Objects in Angular Diagram](/angular/Diagram/Gridlines_images/Gridlines_img4.png)
14 changes: 7 additions & 7 deletions angular/Kanban/Swimlanes.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Swimlanes
description: Swimlanes
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
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).

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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)
6 changes: 3 additions & 3 deletions angular/Tab/Appearance-and-Styling.md
Original file line number Diff line number Diff line change
@@ -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 Tab Control, its elements, and more.
platform: Angular
control: Tab
documentation: ug
---

# Appearance and Styling
# Appearance and Styling in Angular Tab

## Header Image Customization

Expand Down
6 changes: 3 additions & 3 deletions angular/Tile/Overview.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Overview
description: overview
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
# 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.

Expand Down