From 7ac9b6c9426f91c2ef36db64ed566431d9c8474b Mon Sep 17 00:00:00 2001 From: gowthamanthavasiyappan <90315799+gowthamanthavasiyappan@users.noreply.github.com> Date: Mon, 21 Mar 2022 18:41:45 +0530 Subject: [PATCH] SEO-2050_Site_Audit_Issues --- .../DataManager/AdvancedFunctionalities.md | 20 ++++---- aspnet-core/DataManager/Query.md | 12 ++--- aspnet-core/DataManager/corsdatafetching.md | 6 +-- aspnet-core/Gantt/Resource-Allocation-View.md | 46 +++++++++---------- aspnet-core/Tile/Overview.md | 8 ++-- 5 files changed, 46 insertions(+), 46 deletions(-) diff --git a/aspnet-core/DataManager/AdvancedFunctionalities.md b/aspnet-core/DataManager/AdvancedFunctionalities.md index f9a4a862..3d1ac3a6 100644 --- a/aspnet-core/DataManager/AdvancedFunctionalities.md +++ b/aspnet-core/DataManager/AdvancedFunctionalities.md @@ -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 @@ -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 @@ -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} @@ -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** @@ -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 @@ -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 @@ -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 @@ -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) \ No newline at end of file diff --git a/aspnet-core/DataManager/Query.md b/aspnet-core/DataManager/Query.md index a133c013..0f7c3143 100644 --- a/aspnet-core/DataManager/Query.md +++ b/aspnet-core/DataManager/Query.md @@ -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. @@ -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 @@ -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 @@ -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 @@ -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) diff --git a/aspnet-core/DataManager/corsdatafetching.md b/aspnet-core/DataManager/corsdatafetching.md index 9e77df87..62548702 100644 --- a/aspnet-core/DataManager/corsdatafetching.md +++ b/aspnet-core/DataManager/corsdatafetching.md @@ -1,14 +1,14 @@ --- 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. @@ -16,7 +16,7 @@ The Cross-Origin Resource Sharing (CORS) mechanism enable secure cross-domain da 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 diff --git a/aspnet-core/Gantt/Resource-Allocation-View.md b/aspnet-core/Gantt/Resource-Allocation-View.md index d4474983..6c35d1d9 100644 --- a/aspnet-core/Gantt/Resource-Allocation-View.md +++ b/aspnet-core/Gantt/Resource-Allocation-View.md @@ -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, @@ -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. @@ -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. @@ -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. @@ -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} @@ -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. @@ -377,7 +377,7 @@ public List 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. @@ -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) \ No newline at end of file +![ASP.NET Core Gantt ResourceView](Resource-Allocation-View_images/ResourceView_18.png) \ No newline at end of file diff --git a/aspnet-core/Tile/Overview.md b/aspnet-core/Tile/Overview.md index bfa1a580..aea56dfb 100644 --- a/aspnet-core/Tile/Overview.md +++ b/aspnet-core/Tile/Overview.md @@ -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.