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
20 changes: 10 additions & 10 deletions aspnet-core/DataManager/AdvancedFunctionalities.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Advanced Functionalities | DataManager | ASP.NET Core | Syncfusion
description: Advanced Functionalities of Data Manager
description: Advanced Functionalities of Syncfusion ASP.NET Core DataManager Control, its elements, features and more.
platform: aspnet-core
control: DataManager
documentation: ug
keywords: Offline Support, Load on Demand, Customer Request Headers, HTML Table, Cross domain & JSONP

---
# Advanced Functionalities
# Advanced Functionalities in ASP.NET Core DataManager

## Offline Support

Expand Down Expand Up @@ -53,7 +53,7 @@ In the following code example, the offline property of the DataManager is set as

{% endtabs %}

![](Advanced_images/offline1.png)
![ASP.NET Core DataManager offline](Advanced_images/offline1.png)

## Load on demand

Expand Down Expand Up @@ -99,14 +99,14 @@ You can use the following code example for implementing load on demand using Dat

The result of the above code example is illustrated as follows.

![](Advanced_images/loadondemand1.png)
![ASP.NET Core DataManager loadondemand1](Advanced_images/loadondemand1.png)

Load on demand {:.caption}

The request and the response for the above code is send as follows.


![](Advanced_images/loadondemand2.png)
![ASP.NET Core DataManager loadondemand2](Advanced_images/loadondemand2.png)

Demanded data {:.caption}

Expand Down Expand Up @@ -137,7 +137,7 @@ You can add custom request headers to every request made by the **DataManager**

The above method generates the request header with custom header as follows.

![](Advanced_images/headers1.png)
![ASP.NET Core DataManager headers1](Advanced_images/headers1.png)

### Adding Custom Request Headers to every Request using pre-request callback **beforeSend**

Expand Down Expand Up @@ -186,7 +186,7 @@ You can set the custom headers using pre-request callback **beforeSend** as foll

The above method generates the request header with custom header as follows.

![](Advanced_images/headers2.png)
![ASP.NET Core DataManager headers2](Advanced_images/headers2.png)

### Adding Custom Request Headers using **addParams** method

Expand Down Expand Up @@ -231,7 +231,7 @@ You can use the addParams method of ej.Query class, to add custom parameter to t

The custom parameter will be passed along with the data request of the grid as follows.

![](Advanced_images/headers3.png)
![ASP.NET Core DataManager headers3](Advanced_images/headers3.png)

## Cross domain & JSONP

Expand Down Expand Up @@ -276,7 +276,7 @@ The **DataManager** contains support for creating cross domain request, you can

Result of above code example is illustrated as follows.

![](Advanced_images/cross1.png)
![ASP.NET Core DataManager cross1](Advanced_images/cross1.png)

## HTML Table

Expand Down Expand Up @@ -345,5 +345,5 @@ Refer to the following code example for the **HTML** element binding using **Dat

The result of the above code example is illustrated as follows.

![](Advanced_images/table.png)
![ASP.NET Core DataManager table](Advanced_images/table.png)

12 changes: 6 additions & 6 deletions aspnet-core/DataManager/Query.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Query | DataManager | ASP.NET Core | Syncfusion
description: query
description: Learn here about query support in Syncfusion ASP.NET Core DataManager Control, its elements, and more.
platform: aspnet-core
control: DataManager
documentation: ug
keywords: select, clone, expand, from
---

# Query
# Query in ASP.NET Core DataManager

**DataManager** provides support for multiple queries in order to perform various operations like filtering, sorting, cloning, expanding, searching, grouping etc., in the data source. Here, you can learn the query options in detail.

Expand Down Expand Up @@ -55,7 +55,7 @@ The `select` query of the data manager is used to select only some particular fi

Result of the above code example is illustrated as follows.

![](Query_images/Query_img1.png)
![ASP.NET Core DataManager Select Query](Query_images/Query_img1.png)

## From

Expand Down Expand Up @@ -100,7 +100,7 @@ The `from` query of the data manager is used to select the table from where the

Result of the above code example is illustrated as follows.

![](Query_images/Query_img1.png)
![ASP.NET Core DataManager From](Query_images/Query_img1.png)

## Clone

Expand Down Expand Up @@ -166,7 +166,7 @@ The `clone` query of the data manager is used to duplicate the query. The follow

Result of the above code example is illustrated as follows.

![](Query_images/Query_img3.png)
![ASP.NET Core DataManager Clone](Query_images/Query_img3.png)

## Expand

Expand Down Expand Up @@ -214,4 +214,4 @@ The `expand` query of the data manager is used to perform complex data binding.

Result of the above code example is illustrated as follows.

![](Query_images/Query_img4.png)
![ASP.NET Core DataManager Expand](Query_images/Query_img4.png)
6 changes: 3 additions & 3 deletions aspnet-core/DataManager/corsdatafetching.md
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
---
layout: post
title: CORS Data Fetching | DataManager | ASP.NET Core | Syncfusion
description: CORS Data Fetching
description: Learn here about CORS Data Fetching in Syncfusion ASP.NET Core DataManager Control, its elements, and more.
platform: aspnet-core
control: DataManager
documentation: ug
keywords: CORS Data Fetching, SAME-ORIGIN POLICY, Access-Control-Allow-Origin, Access-Control-Request-Method, Access-Control-Request-Headers

---
# CORS Data Fetching
# CORS Data Fetching in ASP.NET Core DataManager

The Cross-Origin Resource Sharing (CORS) mechanism enable secure cross-domain data transfers.

## SAME-ORIGIN POLICY

This policy defined the rule for, “how a web page can be accessed by an external resource”. Browsers wont permits a request to access the resources who origin is differ than the current page. To overcome the restriction of same-origin policy, we can use a technique called Cross-origin resource sharing

![](CORS_images/SAME-ORIGIN1.png)
![ASP.NET Core DataManager SAME ORIGIN POLICY](CORS_images/SAME-ORIGIN1.png)

## Access-Control-Allow-Origin

Expand Down
46 changes: 23 additions & 23 deletions aspnet-core/Gantt/Resource-Allocation-View.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
---
layout: post
title: Resource Allocation View
description: resource allocation view
title: Resource Allocation View in ASP.NET Core Gantt Control | Syncfusion
description: Learn here about resource allocation view of Syncfusion ASP.NET Core Gantt Control, its elements, and more.
platform: aspnet-core
control: Gantt
documentation: ug
---

# Resource Allocation View
# Resource Allocation View in ASP.NET Core Gantt
Resource allocation view is used to visualize the resource usage in a project. Resources are displayed in separate rows and all the tasks assigned to a specific resource will be displayed in the chart side. In this view, a user can able to easily identify the overallocation of resources in a project.

![](Resource-Allocation-View_images/ResourceView_1.png)
![ASP.NET Core Gantt Data Binding](Resource-Allocation-View_images/ResourceView_1.png)

## Data Binding
User can bind two types of data structure to Gantt in resource allocation view,
Expand Down Expand Up @@ -153,7 +153,7 @@ The following code example explains how to bind the flat data.

{% endhighlight %}

![](Resource-Allocation-View_images/ResourceView_2.png)
![ASP.NET Core Gantt Flat data binding](Resource-Allocation-View_images/ResourceView_2.png)

## Grouping
The resources and the tasks assigned to those resources can be grouped into categories. The property `group-collection` is used to define the groups to be displayed in the project. The properties `group-id-mapping` and `group-name-mapping` are used to map the group details.
Expand Down Expand Up @@ -249,30 +249,30 @@ The below code snippet explains grouping of the resources in resource allocation

The below screen shot depicts a resource view in a project with 3 groups.

![](Resource-Allocation-View_images/ResourceView_3.png)
![ASP.NET Core Gantt Grouping](Resource-Allocation-View_images/ResourceView_3.png)

## CRUD data operations

### Adding a task
It is possible to add a task dynamically either by using toolbar insert icon or by context menu add option. The below screen shot shows the toolbar add and context menu add options.

![](Resource-Allocation-View_images/ResourceView_4.png)
![ASP.NET Core Gantt Adding a task](Resource-Allocation-View_images/ResourceView_4.png)

![](Resource-Allocation-View_images/ResourceView_5.png)
![ASP.NET Core Gantt Adding a task Resource](Resource-Allocation-View_images/ResourceView_5.png)

When the insert option is clicked, the add dialog will be displayed prompting the user to provide the task details. After providing the task details, when user click the save button without providing the resource information or without assigning any resource to the task, the task will be added at the top by default.

![](Resource-Allocation-View_images/ResourceView_6.png)
![ASP.NET Core Gantt Resource Allocation View](Resource-Allocation-View_images/ResourceView_6.png)

![](Resource-Allocation-View_images/ResourceView_7.png)
![ASP.NET Core Gantt ResourceView](Resource-Allocation-View_images/ResourceView_7.png)

If the newly added task should be assigned to a specific resource, user can able to select the resource information in the resource tab of add dialog.

![](Resource-Allocation-View_images/ResourceView_8.png)
![ASP.NET Core Gantt add dialog](Resource-Allocation-View_images/ResourceView_8.png)

The below screen shot depicts a new task being assigned to a resource `Anne Dodsworth`.

![](Resource-Allocation-View_images/ResourceView_9.png)
![ASP.NET Core Gantt Anne Dodsworth](Resource-Allocation-View_images/ResourceView_9.png)

N> It is not possible to add a resource to the project dynamically.
N> A task can be assigned to one or more resource while adding.
Expand All @@ -282,12 +282,12 @@ N> A task can be assigned to one or more resource while adding.
#### Editing a Task
A task can be edited either by using edit dialog or by mouse interactions. A user can edit a task using edit dialog by performing double click action on the taskbar, user can then edit the task information in the edit dialog.

![](Resource-Allocation-View_images/ResourceView_10.png)
![](Resource-Allocation-View_images/ResourceView_11.png)
![ASP.NET Core Gantt](Resource-Allocation-View_images/ResourceView_10.png)
![ASP.NET Core Gantt](Resource-Allocation-View_images/ResourceView_11.png)

A task’s schedule can be changed by left resizing, right resizing or dragging the task across the dates.

![](Resource-Allocation-View_images/ResourceView_12.png)
![ASP.NET Core Gantt Editing a Task](Resource-Allocation-View_images/ResourceView_12.png)

#### Update task values dynamically
In resource allocation view also, we can update the task details dynamically on any action like external button click by using [`updateRecordByTaskId`](/api/js/ejgantt#methods:updaterecordbytaskid "updateRecordByTaskId(data)") method. The below code example explains how to use this method in resource allocation view.
Expand Down Expand Up @@ -321,11 +321,11 @@ $("#update").click(function () {

The below screenshot shows the result of above code example.

![](Resource-Allocation-View_images/ResourceView_19.png)
![ASP.NET Core Gantt Before update](Resource-Allocation-View_images/ResourceView_19.png)
Before update
{:.caption}

![](Resource-Allocation-View_images/ResourceView_20.png)
![ASP.NET Core Gantt After update](Resource-Allocation-View_images/ResourceView_20.png)
After update
{:.caption}

Expand All @@ -334,16 +334,16 @@ After update
#### Deleting Task
User should select a task to be removed from the project, and then the task can be deleted using context menu delete button.

![](Resource-Allocation-View_images/ResourceView_13.png)
![ASP.NET Core Gantt Deleting Task](Resource-Allocation-View_images/ResourceView_13.png)

#### Deleting Resource
User can able to delete a resource and the tasks assigned to it using toolbar and context menu delete options. After selecting the resource row, when clicking the delete toolbar icon, the resource will be removed from the project and the tasks assigned to that resource will be listed in unassigned tasks’ list. The same will happen for context menu delete option.

![](Resource-Allocation-View_images/ResourceView_14.png)
![ASP.NET Core Gantt Deleting Resource](Resource-Allocation-View_images/ResourceView_14.png)

The below screen shot depicts the tasks of the removed resource added as unassigned tasks to the project.

![](Resource-Allocation-View_images/ResourceView_15.png)
![ASP.NET Core Gantt removed resource](Resource-Allocation-View_images/ResourceView_15.png)

## Unassigned Tasks and Resources
There may be some instances, where one or more resources are not yet included in the project plan. Therefore, those resources are left with no tasks assigned to them. Those resources are termed as `unassigned resource`. The right side of the resource row will be left blank with no tasks.
Expand Down Expand Up @@ -377,7 +377,7 @@ public List<ResourceDetails> GetResourceData()

In the below screen shot, the resource `Nancy Davolio` is the unassigned resource.

![](Resource-Allocation-View_images/ResourceView_16.png)
![ASP.NET Core Gantt resource](Resource-Allocation-View_images/ResourceView_16.png)

There may be instances where some tasks are not yet assigned with resources. Those tasks that are not assigned to any resources are termed as unassigned tasks. Unassigned tasks are displayed at bottom, with resource name as `Unassigned Task`. Unassigned tasks can be assigned to any resources in the project.
The below code snippet shows a task with no resource assigned to it.
Expand Down Expand Up @@ -416,9 +416,9 @@ The below code snippet shows a task with no resource assigned to it.

In the below screen shot, there more instances of unassigned tasks.

![](Resource-Allocation-View_images/ResourceView_17.png)
![ASP.NET Core Gantt Resource Allocation View](Resource-Allocation-View_images/ResourceView_17.png)

## Resource Overallocation
By default, a resource can work 8 hours a work day, but when a resource is forced to work more than 8 hours it is termed as overallocation. Or when a resource is assigned with two or more tasks which is occurring in a same date range, this state is termed as over allocation for a resource. The overlapped tasks are highlighted like in the below screen shot. The overlapped tasks will be displayed one below the other with an overlapped highlighted region.

![](Resource-Allocation-View_images/ResourceView_18.png)
![ASP.NET Core Gantt ResourceView](Resource-Allocation-View_images/ResourceView_18.png)
8 changes: 4 additions & 4 deletions aspnet-core/Tile/Overview.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
layout: post
title: Overview
description: Overview document
title: Overview of ASP.NET Core Tile Control | Syncfusion
description: Learn here about Overview document of Syncfusion Essential ASP.NET Core Tile Control, its features, and more.
platform: aspnet-core
control: Tile
documentation: ug
---

# Overview
# Overview of ASP.NET Core Tile

The Essential Studio for ASP.NET Core Web Tiles are simple, opaque rectangles or squares and they are arrayed on the start screen in a grid-like 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.

# Key Features
## Key Features

* **Live tile support:** Here the tiles are changed dynamically at specific time interval.

Expand Down