Skip to content
Open
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
8 changes: 4 additions & 4 deletions uwp/Gantt/Appearance.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Appearance in UWP SfGantt | Syncfusion
description: Learn about Appearance support in Syncfusion UWP SfGantt using visual styling options and custom templates for task bars, parent tasks.
title: Appearance in UWP Gantt Chart | Syncfusion
description: Learn about Appearance support in Syncfusion UWP Gantt Chart using visual styling options and custom templates for task bars, parent tasks.
platform: uwp
control: SfGantt
documentation: ug
---

# Appearance in UWP SfGantt
# Appearance in UWP Gantt Chart

The Gantt control provides options to customize the look and feel of the task visual in the Gantt chart.
The control provides options to customize the look and feel of the task visual.

**Visual customization**
The colors of parent taskbar, taskbar, milestone, and progress bar can be customized using the following properties:
Expand Down
8 changes: 4 additions & 4 deletions uwp/Gantt/CriticalPath.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Critical Path in UWP SfGantt | Syncfusion
description: Learn about CriticalPath support in Syncfusion UWP SfGantt, critical task visualization and critical path styling options.
title: Critical Path in UWP Gantt Chart | Syncfusion
description: Learn about CriticalPath support in Syncfusion UWP Gantt Chart, critical task visualization and critical path styling options.
platform: uwp
control: SfGantt
documentation: ug
---

# Critical Path in UWP SfGantt
# Critical Path in UWP Gantt Chart

Critical path is a chain of linked critical tasks that defines the finish date of the project. It can be highlighted by enabling the [`HighlightCriticalTasks`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_HighlightCriticalTasksProperty) property in SfGantt as demonstrated in the following code sample.
Critical path is a chain of linked critical tasks that defines the finish date of the project. It can be highlighted by enabling the [`HighlightCriticalTasks`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_HighlightCriticalTasksProperty) property as demonstrated in the following code sample.

{% tabs %}

Expand Down
6 changes: 3 additions & 3 deletions uwp/Gantt/Events.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Events in UWP SfGantt | Syncfusion
description: Learn about Events support in Syncfusion UWP SfGantt, including task interactions, editing operations, scheduling changes, and user actions.
title: Events in UWP Gantt Chart | Syncfusion
description: Learn about Events support in Syncfusion UWP Gantt Chart, including task interactions, editing operations, scheduling changes, and user actions.
platform: uwp
control: SfGantt
documentation: ug
---

# Events in UWP SfGantt
# Events in UWP Gantt Chart

**BeginCellEdit**

Expand Down
40 changes: 20 additions & 20 deletions uwp/Gantt/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Getting Started with UWP SfGantt | Syncfusion
description: Learn how to get started with the Syncfusion UWP SfGantt control. Explore setup, features, examples, and customization options.
title: Getting Started with UWP Gantt Chart | Syncfusion
description: Learn how to get started with the Syncfusion UWP Gantt Chart control. Explore setup, features, examples, and customization options.
platform: uwp
control: SfGantt
documentation: ug
---

# Getting Started with UWP SfGantt
# Getting Started with UWP Gantt Chart

This section explains how to create and configure a simple Gantt application.
This section explains how to create and configure a simple UWP Gantt Chart application.

## Referencing Essential Studio components in your solution

Expand All @@ -31,7 +31,7 @@ In the Add Reference window, browse and choose the reference assembly from the f

![Adding UWP Gantt assembly reference in project](SfGantt_images/Gantt_dll_reference.jpeg)

The following list of assemblies should be added as references to use the Gantt control in applications.
The following list of assemblies should be added as references to use the UWP Gantt Chart control in applications.

<table>
<tr>
Expand All @@ -47,7 +47,7 @@ Description
Syncfusion.SfGantt.UWP
</td>
<td>
Contains classes that handles all the operations in Gantt.
Contains classes that handles all the operations in UWP Gantt Chart.
</td>
</tr>
<tr>
Expand All @@ -63,7 +63,7 @@ Dependent assembly for Syncfusion.SfGrid.UWP.
Syncfusion.SfGrid.UWP
</td>
<td>
Contains classes that handles all UI operations of tree grid view in the Gantt.
Contains classes that handles all UI operations of tree grid view in the UWP Gantt Chart.
</td>
</tr>
<tr>
Expand Down Expand Up @@ -92,7 +92,7 @@ Contains classes that handles tab control.
</tr>
</table>

## Adding SfGantt manually
## Adding UWP Gantt Chart manually

1. After adding the required assembly references to the project as discussed in the previous section, add the “Syncfusion.UI.Xaml.Gantt” namespace to the application as shown in the following code sample.

Expand All @@ -112,7 +112,7 @@ using Syncfusion.UI.Xaml.Gantt;

{% endtabs %}

2. Instantiate the Gantt as shown in the following code sample.
2. Instantiate the UWP Gantt Chart as shown in the following code sample.

{% tabs %}

Expand All @@ -130,9 +130,9 @@ SfGantt sfGantt = new SfGantt();

{% endtabs %}

## Adding SfGantt from toolbox
## Adding UWP Gantt Chart from toolbox

Drag the SfGantt control from the toolbox to your application.
Drag the UWP Gantt Chart control from the toolbox to your application.

![Loading UWP Gantt control to toolbox page](SfGantt_images/Tool_Box.jpeg)

Expand All @@ -144,7 +144,7 @@ Now, the “Syncfusion Controls for UWP XAML” reference will be added to the a

## Creating data model

Create a collection of TaskDetails objects to populate a task in SfGantt as shown in the following code sample.
Create a collection of TaskDetails objects to populate a task as shown in the following code sample.

{% highlight C# %}

Expand Down Expand Up @@ -282,7 +282,7 @@ public class ProjectTrackerViewModel

## Binding data

To bind the data source of the SfGantt, set the [`ItemsSource`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_ItemsSource) property as shown in the following code sample.
To bind the data source, set the [`ItemsSource`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_ItemsSource) property as shown in the following code sample.

{% tabs %}

Expand Down Expand Up @@ -354,7 +354,7 @@ this.Content = sfGantt;

Sorting can be enabled using the [`AllowSorting`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_AllowSorting) property. The sorting functionality is used to arrange the tasks in ascending or descending order based on a column.

The following code sample demonstrates how to enable sorting in the Gantt control.
The following code sample demonstrates how to enable sorting in the UWP Gantt Chart.

{% tabs %}

Expand Down Expand Up @@ -391,7 +391,7 @@ this.Content = sfGantt;

Editing can be enabled using the [`AllowEditing`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_AllowEditing) property. You can edit cells and drag or resize the task bar or progress bar in chart view. The drag-and-drop functionality establishes the relationship between two tasks.

The following code sample demonstrates how to enable editing in the Gantt control.
The following code sample demonstrates how to enable editing in the UWP Gantt Chart.

{% tabs %}

Expand Down Expand Up @@ -421,7 +421,7 @@ N> Editing is not supported on Windows Phone devices.

## Task relationships

You can visualize the relationship between two tasks in the Gantt. These relationships are categorized into four types based on the start and finish dates of the tasks.
You can visualize the relationship between two tasks. These relationships are categorized into four types based on the start and finish dates of the tasks.

* Start to Start(SS): You cannot start a task until the other task also starts.
* Start to Finish(SF): You cannot finish a task until the other task finishes.
Expand Down Expand Up @@ -470,7 +470,7 @@ Planning[3].Predecessors.Add(new TaskRelationship()

### Predecessor offset

In Gantt, the predecessor [`Offset`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.TaskRelationship.html#Syncfusion_UI_Xaml_Gantt_TaskRelationship_Offset) can be defined with the day duration unit.
The predecessor [`Offset`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.TaskRelationship.html#Syncfusion_UI_Xaml_Gantt_TaskRelationship_Offset) can be defined with the day duration unit.

The following code sample demonstrates how to define offset time to the predecessor.

Expand Down Expand Up @@ -506,9 +506,9 @@ ImplementationModule1Child[4].Predecessors.Add(new TaskRelationship

## Resources

In the Gantt control, you can display and assign the resource for every task.
In the UWP Gantt Chart, you can display and assign the resource for every task.

1. Create a resource collection to be displayed in Gantt.
1. Create a resource collection to be displayed in UWP Gantt Chart.

{% highlight C# %}

Expand Down Expand Up @@ -588,7 +588,7 @@ public ObservableCollection<TaskDetail> GetData()

## Non-working days

This functionality is used to highlight and customize the weekends in the Gantt control. By default, Saturday and Sunday are considered as weekends.
This functionality is used to highlight and customize the weekends. By default, Saturday and Sunday are considered as weekends.

* [`ShowNonWorkingDays`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_ShowNonWorkingDays): Enables or disables the non-working days.
* [`NonWorkingDays`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_NonWorkingDays): Customizes the weekends.
Expand Down
12 changes: 6 additions & 6 deletions uwp/Gantt/Holidays.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
layout: post
title: Holidays in UWP SfGantt | Syncfusion
description: Learn about Holidays support in Syncfusion UWP SfGantt using GanttHoliday and the Holidays collection to visualize non-working days in the project timeline.
title: Holidays in UWP Gantt Chart | Syncfusion
description: Learn about Holidays support in Syncfusion UWP Gantt Chart using GanttHoliday and the Holidays collection to visualize non-working days in the project timeline.
platform: uwp
control: SfGantt
documentation: ug
---

# Holidays in UWP SfGantt
# Holidays in UWP Gantt Chart

The holidays support is used to highlight the non-working days in the Gantt chart.
The holidays support is used to highlight the non-working days in the UWP Gantt Chart.

The holidays can be specified in a task using the [`Holidays`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_Holidays) property in the SfGantt, which holds a collection of [`GanttHoliday`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_Holidays).
The holidays can be specified in a task using the [`Holidays`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_Holidays) property, which holds a collection of [`GanttHoliday`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_Holidays).

The following properties in the [`GanttHoliday`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_Holidays) are used to define the holidays:

Expand Down Expand Up @@ -65,4 +65,4 @@ this.Content = sfGantt;

![Holidays](SfGantt_images/Holidays.png)

N> To highlight the holidays in the Gantt chart, the ['ShowNonWorkingDays'](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_ShowNonWorkingDays) property must be enabled.
N> To highlight the holidays in the UWP Gantt Chart, the ['ShowNonWorkingDays'](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_ShowNonWorkingDays) property must be enabled.
14 changes: 7 additions & 7 deletions uwp/Gantt/Localization.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Localization in UWP SfGantt | Syncfusion
description: Learn about Localization support in Syncfusion UWP SfGantt using culture-specific resources and localization settings.
title: Localization in UWP Gantt Chart | Syncfusion
description: Learn about Localization support in Syncfusion UWP Gantt Chart using culture-specific resources and localization settings.
platform: uwp
control: SfGantt
documentation: ug
---

# Localization in UWP SfGantt
# Localization in UWP Gantt Chart

Localization is the process of translating the application resources into different languages for specific cultures. You can localize the SfGantt by adding a resource file. The application culture can be changed by setting the `PrimaryLanguageOverride` in the MainPage() constructor.
Localization is the process of translating the application resources into different languages for specific cultures. You can localize the UWP Gantt Chart by adding a resource file. The application culture can be changed by setting the `PrimaryLanguageOverride` in the MainPage() constructor.

The following code sample demonstrates how to configure the application culture to French language.

Expand All @@ -23,7 +23,7 @@ public MainPage()
{% endhighlight %}
{% endtabs %}

To localize the SfGantt based on `PrimaryLanguageOverride` using resource files, use the following steps:
To localize the UWP Gantt Chart based on `PrimaryLanguageOverride` using resource files, use the following steps:

1. Right-click the project, click **Add**, click **New Folder**, and then name the folder **Resources**.
2. Right-click the **Resources** folder, click **Add**, click **New Folder**, and then name the folder **[culture name]**. The culture name indicates name of the language and country.
Expand All @@ -38,8 +38,8 @@ For example, you will have to give name as **fr-FR** for French culture.

5. Add the Name/Value pair in Resource Designer of **Syncfusion.SfGantt.UWP.Resources.resw** file, and change the corresponding value to the corresponding culture.

You can get the SfGantt’s keys from the default resource [Syncfusion.SfGantt.UWP.Resources.resw](http://www.syncfusion.com/downloads/support/directtrac/general/ze/Syncfusion.SfGantt.UWP.Resources845531575.zip).
You can get the localization keys from the default resource [Syncfusion.SfGantt.UWP.Resources.resw](http://www.syncfusion.com/downloads/support/directtrac/general/ze/Syncfusion.SfGantt.UWP.Resources845531575.zip).

![FinalOutput](Localization_images/FinalOutput.png)

You can download [the sample](http://www.syncfusion.com/downloads/support/directtrac/general/ze/SfGantt_Localization1607055000.zip) for localizing the Gantt.
You can download [the sample](http://www.syncfusion.com/downloads/support/directtrac/general/ze/SfGantt_Localization1607055000.zip) for localization.
8 changes: 4 additions & 4 deletions uwp/Gantt/Overview.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: About Syncfusion UWP SfGantt Control | Syncfusion
description: Learn about introduction of Syncfusion Essential Studio UWP SfGantt control, its elements and more details.
title: About Syncfusion UWP Gantt Chart Control | Syncfusion
description: Learn about introduction of Syncfusion Essential Studio UWP Gantt Chart control, its elements and more details.
platform: uwp
control: SfGantt
documentation: ug
---

# About Syncfusion UWP SfGantt Control
# About Syncfusion UWP Gantt Chart Control

The Gantt control has been designed to visualize and edit the project schedule and track the project progress. It helps to organize and schedule the projects. The project schedule can be updated through interactions such as editing, dragging, and resizing.
The UWP Gantt Chart control has been designed to visualize and edit the project schedule and track the project progress. It helps to organize and schedule the projects. The project schedule can be updated through interactions such as editing, dragging, and resizing.

![Overview](SfGantt_images/Overview.jpeg)

Expand Down
12 changes: 6 additions & 6 deletions uwp/Gantt/Scrolling.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
layout: post
title: Scrolling in UWP SfGantt | Syncfusion
description: Learn about Scrolling support in Syncfusion UWP SfGantt using built-in scrolling features, including scrolling.
title: Scrolling in UWP Gantt Chart | Syncfusion
description: Learn about Scrolling support in Syncfusion UWP Gantt Chart using built-in scrolling features, including scrolling.
platform: uwp
control: SfGantt
documentation: ug
---

# Scrolling in UWP SfGantt
# Scrolling in UWP Gantt Chart

## Scroll to visible region

The [`BringTaskOnVerticalScroll`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_BringTaskOnVerticalScroll) property in the SfGantt enables you to scroll to the visible task region when the Gantt chart is vertically scrolled.
The [`BringTaskOnVerticalScroll`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_BringTaskOnVerticalScroll) property enables you to scroll to the visible task region when the Chart is vertically scrolled.

The following code sample demonstrates how to enable the [`BringTaskOnVerticalScroll`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_BringTaskOnVerticalScroll) property.

Expand Down Expand Up @@ -42,9 +42,9 @@ this.Content = sfGantt;

## Scroll to particular region

You can scroll the Gantt chart programmatically using the [`ScrollGanttTo`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_ScrollGanttTo_System_Nullable_System_DateTime__System_Nullable_System_Int32__) method. This method is only available from code-behind; it cannot be invoked from XAML.
You can scroll the UWP Gantt Chart programmatically using the [`ScrollGanttTo`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.SfGantt.html#Syncfusion_UI_Xaml_Gantt_SfGantt_ScrollGanttTo_System_Nullable_System_DateTime__System_Nullable_System_Int32__) method. This method is only available from code-behind; it cannot be invoked from XAML.

The following parameters allow users to scroll the Gantt chart programmatically:
The following parameters allow users to scroll the UWP Gantt Chart programmatically:

* `date` : Specifies date to scroll horizontally. Pass `null` to skip horizontal scrolling.
* `index` : Specifies row index to scroll vertically. Pass `null` to skip vertical scrolling.
Expand Down
6 changes: 3 additions & 3 deletions uwp/Gantt/Timescale.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Timescale in UWP SfGantt | Syncfusion
description: Learn about Timescale support in Syncfusion UWP SfGantt, including timescale tiers, intervals, label formats, cell sizing.
title: Timescale in UWP Gantt Chart | Syncfusion
description: Learn about Timescale support in Syncfusion UWP Gantt Chart, including timescale tiers, intervals, label formats, cell sizing.
platform: uwp
control: SfGantt
documentation: ug
---

# Timescale in UWP SfGantt
# Timescale in UWP Gantt Chart

This section provides an overview on the features of timescale. The following properties are used for configuring the timescale in the [`TimescaleSettings`](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Gantt.TimescaleSettings.html) class:

Expand Down
Loading