From 9ee4cde8a50ca92e4da80a993e3f0faf4be3a0f6 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Wed, 14 Sep 2022 15:24:41 +0300 Subject: [PATCH 1/4] image alt text changes --- aspnet-core/Grid/Getting-Started.md | 14 +++++++------- aspnet-core/Grid/Hierarchy-Grid.md | 6 +++--- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/aspnet-core/Grid/Getting-Started.md b/aspnet-core/Grid/Getting-Started.md index 5ca5d0ca..91d906d3 100644 --- a/aspnet-core/Grid/Getting-Started.md +++ b/aspnet-core/Grid/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post title: Getting started with grid widget for Syncfusion Essential ASP.NET Core -description: How to create the grid, data bind, enable paging, grouping, filtering and add summaries +description: Learn here all about getting started with Syncfusion Essential ASP.NET Core Grid control, its elements, and more. platform: aspnet-core control: grid documentation: ug --- -# Getting Started +# Getting Started with Essential ASP.NET Core Grid Refer to the [Getting Started](https://help.syncfusion.com/aspnet-core/gettingstarted/getting-started-2-0) page of the introduction part to know more about the basic system requirements and the steps to configure the Syncfusion components in an ASP.NET Core application. @@ -94,7 +94,7 @@ In `e-columns` definition, the `text-align` property allows you to align text of The following output is displayed as a result of the previous code example. -![](Getting-Started_images/Getting-Started2_img1.jpeg) +![ASP.NET Core Grid data binding](Getting-Started_images/Getting-Started2_img1.jpeg) ## Enable paging @@ -135,7 +135,7 @@ The paging feature in grid offers complete navigation support to easily switch The following output is displayed as a result of the previous code example. -![](Getting-Started_images/Getting-Started2_img2.png) +![ASP.NET Core Grid enable paging](Getting-Started_images/Getting-Started2_img2.png) ## Enable filtering @@ -178,7 +178,7 @@ To enable filtering, use the `allow-filtering` property of grid is as follows. The following output is displayed as a result of the previous code example. -![](Getting-Started_images/Getting-Started2_img3.png) +![ASP.NET Core Grid enable filtering](Getting-Started_images/Getting-Started2_img3.png) ## Enable grouping @@ -220,7 +220,7 @@ To enable grouping, use the `allow-grouping` property of grid is as follows. The following output is displayed as a result of the previous code example. -![](Getting-Started_images/Getting-Started2_img4.png) +![ASP.NET Core Grid enable grouping](Getting-Started_images/Getting-Started2_img4.png) ## Add summaries @@ -268,4 +268,4 @@ Summaries can be added by setting the `show-summary` to `true` and adding requir The following output is displayed as a result of the previous code example. -![](Getting-Started_images/Getting-Started2_img5.png) \ No newline at end of file +![ASP.NET Core Grid adds summaries](Getting-Started_images/Getting-Started2_img5.png) \ No newline at end of file diff --git a/aspnet-core/Grid/Hierarchy-Grid.md b/aspnet-core/Grid/Hierarchy-Grid.md index 22229cfa..251ac6d1 100644 --- a/aspnet-core/Grid/Hierarchy-Grid.md +++ b/aspnet-core/Grid/Hierarchy-Grid.md @@ -1,13 +1,13 @@ --- layout: post title: Hierarchical binding | grid | ASP.NET Core | Syncfusion -description: How to bind the hierarchical data +description: Learn here all about Hierarchy support in Syncfusion Essential ASP.NET Core Grid control, its elements, and more. platform: aspnet-core control: grid documentation: ug --- -# Hierarchical Bindings +# Hierarchical Bindings in ASP.NET Core Grid Hierarchical binding can be used to create the grid with parent and child relation, this facilitate you to view the child records for a particular row by clicking on the Expander button present in first column of each grid row. This can be enabled by defining grid within grid and `query-string`. @@ -64,7 +64,7 @@ public partial class GridController : Controller {% endtabs %} -![](Hierarchy-Grid_images/Hierarchy-Grid_img1.png) +![ASP.NET Core Grid hierarchical binding](Hierarchy-Grid_images/Hierarchy-Grid_img1.png) ## Expand or collapse all child's From 67db2464f7e9623da580ca4a875c400edf3887e3 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Tue, 20 Sep 2022 16:55:33 +0300 Subject: [PATCH 2/4] image renamed --- aspnet-core/DropDownList/Functionalities.md | 20 +++---- .../GettingStarted/Getting-Started-1-1-0.md | 56 +++++++++---------- 2 files changed, 38 insertions(+), 38 deletions(-) diff --git a/aspnet-core/DropDownList/Functionalities.md b/aspnet-core/DropDownList/Functionalities.md index 015a7139..2ff9db6f 100644 --- a/aspnet-core/DropDownList/Functionalities.md +++ b/aspnet-core/DropDownList/Functionalities.md @@ -1,14 +1,14 @@ --- layout: post -title: Functionalities in the DropDownList control for Syncfusion ASP.NET Core -description: Functionalities in the DropDownList control for Syncfusion ASP.NET Core +title: Functionalities in ASP.NET Core DropDownList Control | Syncfusion +description: Learn here all about Functionalities support in Syncfusion Essential ASP.NET Core DropDownList control, its elements, and more. platform: aspnet-core control: DropDownList documentation: ug keywords: DropDownList, dropdown, Selection, Grouping, Sorting --- -# Functionalities +# Functionalities in ASP.NET Core DropDownList ## Selection @@ -197,7 +197,7 @@ To select an item initially you can pass the item’s value via Value property o {% endtabs %} -![](Functionalities_images/Functionalities_img1.png) +![ASP.NET Core DropDownList using value or text](Functionalities_images/Functionalities_img1.png) ### Using indices @@ -234,7 +234,7 @@ You can select a single or more than one item by passing index values to the pro {% endtabs %} -![](Functionalities_images/Functionalities_img2.png) +![ASP.NET Core DropDownList using indices](Functionalities_images/Functionalities_img2.png) I> To use "SelectedIndices" property, you should enable either ShowCheckbox or MultiSelectMode property First. @@ -376,7 +376,7 @@ The below given example explains the behavior of grouping with List data binding {% endtabs %} -![](Functionalities_images/Functionalities_img3.png) +![ASP.NET Core DropDownList grouping](Functionalities_images/Functionalities_img3.png) N> Grouping has restrictions in the following scenarios,
@@ -412,7 +412,7 @@ N> Grouping has restrictions in the following scenarios,
{% endhighlight %} -![](Functionalities_images/Functionalities_img4.png) +![ASP.NET Core DropDownList virtual scrolling](Functionalities_images/Functionalities_img4.png) I> Virtual scrolling is not supported with Grouping. @@ -519,9 +519,9 @@ Configuring the data items for cascading to the series of DropDownList is demons {% endtabs %} -![](Functionalities_images/Functionalities_img5.png) +![ASP.NET Core DropDownList sorting](Functionalities_images/Functionalities_img5.png) -![](Functionalities_images/Functionalities_img6.jpeg) +![ASP.NET Core DropDownList cascading](Functionalities_images/Functionalities_img6.jpeg) ### Binding the data source to the cascading DropDownList using cascade event @@ -596,7 +596,7 @@ Bind the data source to the cascading DropDownList dynamically using ClientSideE {% endtabs %} -![](Functionalities_images/Functionalities_img7.jpeg) +![ASP.NET Core DropDownList multi level cascading](Functionalities_images/Functionalities_img7.jpeg) ### Multi-Level Cascading diff --git a/aspnet-core/GettingStarted/Getting-Started-1-1-0.md b/aspnet-core/GettingStarted/Getting-Started-1-1-0.md index 6a32bb79..b3c61ca3 100644 --- a/aspnet-core/GettingStarted/Getting-Started-1-1-0.md +++ b/aspnet-core/GettingStarted/Getting-Started-1-1-0.md @@ -1,14 +1,14 @@ --- layout: post title: Getting Started | ASP.NET Core | Syncfusion -description: Getting Started. +description: Learn here all about Getting started with Syncfusion Essential ASP.NET Core control, its elements, and more. platform: aspnet-core control: Common documentation: ug --- -# Getting Started +# Getting Started with Essential ASP.NET Core > Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key#aspnet-core) to know about registering Syncfusion license key in your ASP.NET Core application to use our components. @@ -28,11 +28,11 @@ The following steps helps to create a ASP.NET Core web application to configure * Open Visual Studio 2015 to create **ASP.NET Core web application**. - ![](getting-started_images/getting-started_img1.png) + ![Getting Started in ASP.NET Core](getting-started_images/getting-started_img1.png) * After project creation, open your **project.json** file to add our Syncfusion assembly packages. - ![](getting-started_images/getting-started_img5.png) + ![After Project in ASP.NET Core](getting-started_images/getting-started_img5.png) > The ASP.NET Core NuGet packages versioning has been streamlined as 16.1.0.32 in shorter than older versioning (16.1600.0.32) from Volume 1, 2018 service pack 1 release (16.1.0.32). Since all the framework version wise assemblies are grouped into a single package. @@ -41,15 +41,15 @@ The following steps helps to create a ASP.NET Core web application to configure * In the Solution Explorer window, click the **"Show All Files"** button. - ![](getting-started_images/getting-started_img6.jpeg) + ![Solution Explorer Window in ASP.NET Core](getting-started_images/getting-started_img6.jpeg) * Open **bower.json** file to include the following necessary packages. - ![](getting-started_images/getting-started_img2.png) + ![Open Bower json in ASP.NET Core](getting-started_images/getting-started_img2.png) * After Bower packages installation the scripts and CSS files are loaded into the **wwwroot -> lib** folder as shown below - ![](getting-started_images/getting-started_img3.png) + ![Scripts and CSS in ASP.NET Core](getting-started_images/getting-started_img3.png) * Now open **_viewImports.cshtml** file from the views folder and add the following namespace for components references and Tag Helper support. @@ -114,7 +114,7 @@ N> jQuery.easing external dependency has been removed from version 14.3.0.49 onw * Finally compile your project, after successful compilation then press F5 key to deploy your project. - ![](getting-started_images/getting-started_img4.png) + ![Compile Project in ASP.NET Core](getting-started_images/getting-started_img4.png) ### Configure Syncfusion File Format Components in ASP.NET Core Application: @@ -122,11 +122,11 @@ The following steps helps to create a ASP.NET Core web application to configure * Open Visual Studio 2015 to create **ASP.NET Core web application**. - ![](getting-started_images/getting-started_fileformat_img1.png) + ![Open Visual Studion in ASP.NET Core](getting-started_images/getting-started_fileformat_img1.png) * After project creation, open your **project.json** file to add our Syncfusion assembly packages. - ![](getting-started_images/getting-started_fileformat_img2.png) + ![AFter Project Creation in ASP.NET Core](getting-started_images/getting-started_fileformat_img2.png) N> 1. You can refer [Installation](https://help.syncfusion.com/aspnet-core/configuration-and-installation) procedure to configure Syncfusion NuGet packages. N> 2. The File format component packages has been modified from Volume 3, 2017 (15.3.0.26) release. You can refer [migration document](https://help.syncfusion.com/aspnet-core/release-notes/migratingtov15.3.0.26) for more details. @@ -164,36 +164,36 @@ dotnet new -t web {% endhighlight %} - ![](getting-started_images/getting-started_img10.JPG) + ![Web Application in ASP.NET Core](getting-started_images/getting-started_img10.JPG) ### Configure Syncfusion Components in ASP.NET Core Application * Open Visual Studio Code and open your ASP.NET folder using **Open -> Folder** menu. Now your project folder is loaded in Visual Studio Code application. - ![](getting-started_images/getting-started_img11.JPG) + ![Configure Syncfusion Components in ASP.NET Core](getting-started_images/getting-started_img11.JPG) * Open your **bower.json** json file and specify our Syncfusion package will loads our scripts and CSS. Refer this [link](https://help.syncfusion.com/js/installation-and-deployment#configuring-syncfusion-bower-packages) to configure the bower execution environment in your local machine. Then install a bower extension in your Visual Studio code to complete a configuration. - ![](getting-started_images/getting-started_img12.JPG) + ![Loads File in ASP.NET Core](getting-started_images/getting-started_img12.JPG) * In **bower.json** file specify our Syncfusion packages with our latest version. - ![](getting-started_images/getting-started_img13.JPG) + ![Specify file in ASP.NET Core](getting-started_images/getting-started_img13.JPG) * Open quick window (Ctrl + p) to run the `bower install` command to install our scripts and CSS to your application **wwwroot -> lib** folder. - ![](getting-started_images/getting-started_img14.JPG) + ![Folder in ASP.NET Core](getting-started_images/getting-started_img14.JPG) > Recommended to install the “**Bower package watcher**” extension will helps to load the packages whenever save the **bower.json** file. * Now open your **project.json** file to specify our assembly packages. - ![](getting-started_images/getting-started_img15.JPG) + ![Bower Package Watcher in ASP.NET Core](getting-started_images/getting-started_img15.JPG) > The ASP.NET Core NuGet packages versioning has been streamlined as 16.1.0.32 in shorter than older versioning (16.1600.0.32) from Volume 1, 2018 service pack 1 release (16.1.0.32). Since all the framework version wise assemblies are grouped into a single package. @@ -216,7 +216,7 @@ dotnet restore {% endhighlight %} - ![](getting-started_images/getting-started_img16.JPG) + ![Restore packages in ASP.NET Core](getting-started_images/getting-started_img16.JPG) * Now refer the necessary scripts and CSS files in your **_layout.cshtml** page. @@ -274,7 +274,7 @@ N> jQuery.easing external dependency has been removed from version 14.3.0.49 onw * Finally press F5 key to deploy your project. - ![](getting-started_images/getting-started_img17.JPG) + ![Press F5 key in ASP.NET Core](getting-started_images/getting-started_img17.JPG) ## ASP.NET Core 1.1.0 Application Using Yeoman with Visual Studio Code: @@ -313,46 +313,46 @@ npm install -g yo {% endhighlight %} - ![](getting-started_images/getting-started_img7.JPG) + ![Yeoman Generator in ASP.NET Core](getting-started_images/getting-started_img7.JPG) * From the list of available projects, select the **Web Application Basic [ without Membership and Authorization ]** by using arrow keys. - ![](getting-started_images/getting-started_img8.JPG) + ![Web Application Basic in ASP.NET Core](getting-started_images/getting-started_img8.JPG) * And then provide the project name or simply press the enter key to create the project with default name. - ![](getting-started_images/getting-started_img9.JPG) + ![Project Name in ASP.NET Core](getting-started_images/getting-started_img9.JPG) ### Configure Syncfusion Components in ASP.NET Core Application * Open Visual Studio Code and open your ASP.NET folder using **Open -> Folder** menu. Now your project folder is loaded in Visual Studio Code application. - ![](getting-started_images/getting-started_img11.JPG) + ![Open Folder in ASP.NET Core ](getting-started_images/getting-started_img11.JPG) * Now configure a Bower execution environment in your local machine based on this [link](https://help.syncfusion.com/js/installation-and-deployment#configuring-syncfusion-bower-packages). Then install a Bower extension in your Visual Studio code to complete a configuration. - ![](getting-started_images/getting-started_img12.JPG) + ![Configure Bower in ASP.NET Core](getting-started_images/getting-started_img12.JPG) * In **bower.json** file specify our Syncfusion packages with our latest version will loads our scripts and CSS. - ![](getting-started_images/getting-started_img13.JPG) + ![Bower json in ASP.NET Core ](getting-started_images/getting-started_img13.JPG) * Open quick window (Ctrl + p) to run the `bower install` command to install our scripts and CSS to your application **wwwroot -> lib** folder. - ![](getting-started_images/getting-started_img14.JPG) + ![Bower Install in ASP.NET Core](getting-started_images/getting-started_img14.JPG) > Recommended to install the “**Bower package watcher**” extension will helps to load the packages whenever save the **bower.json** file. * Now open your **project.json** file to specify our assembly packages. - ![](getting-started_images/getting-started_img15.JPG) + ![ASP.NET Core file](getting-started_images/getting-started_img15.JPG) > The ASP.NET Core NuGet packages versioning has been streamlined as 16.1.0.32 in shorter than older versioning (16.1600.0.32) from Volume 1, 2018 service pack 1 release (16.1.0.32). Since all the framework version wise assemblies are grouped into a single package. @@ -376,7 +376,7 @@ dotnet restore {% endhighlight %} - ![](getting-started_images/getting-started_img16.JPG) + ![Open Command in ASP.NET Core](getting-started_images/getting-started_img16.JPG) * Now refer the necessary scripts and CSS files in your **_layout.cshtml** page. @@ -434,4 +434,4 @@ N> jQuery.easing external dependency has been removed from version 14.3.0.49 onw * Finally press F5 key to deploy your project. - ![](getting-started_images/getting-started_img17.JPG) + ![Deploy Project in ASP.NET Core](getting-started_images/getting-started_img17.JPG) From 714577eaca7f61b164414c576291a8f2ec162e9e Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Wed, 2 Nov 2022 16:35:37 +0300 Subject: [PATCH 3/4] H1, Title renamed --- aspnet-core/Grid/Getting-Started.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/aspnet-core/Grid/Getting-Started.md b/aspnet-core/Grid/Getting-Started.md index 91d906d3..cb445671 100644 --- a/aspnet-core/Grid/Getting-Started.md +++ b/aspnet-core/Grid/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting started with grid widget for Syncfusion Essential ASP.NET Core +title: Getting started with ASP.NET Core Grid | Syncfusion description: Learn here all about getting started with Syncfusion Essential ASP.NET Core Grid control, its elements, and more. platform: aspnet-core control: grid documentation: ug --- -# Getting Started with Essential ASP.NET Core Grid +# Getting Started with ASP.NET Core Grid Refer to the [Getting Started](https://help.syncfusion.com/aspnet-core/gettingstarted/getting-started-2-0) page of the introduction part to know more about the basic system requirements and the steps to configure the Syncfusion components in an ASP.NET Core application. From 9604273437ca5a921b04f4be16a71d753d91e2b2 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Thu, 3 Nov 2022 14:58:04 +0300 Subject: [PATCH 4/4] images renamed --- .../GettingStarted/Getting-Started-1-1-0.md | 56 +++++++++---------- 1 file changed, 28 insertions(+), 28 deletions(-) diff --git a/aspnet-core/GettingStarted/Getting-Started-1-1-0.md b/aspnet-core/GettingStarted/Getting-Started-1-1-0.md index b3c61ca3..f0894368 100644 --- a/aspnet-core/GettingStarted/Getting-Started-1-1-0.md +++ b/aspnet-core/GettingStarted/Getting-Started-1-1-0.md @@ -1,14 +1,14 @@ --- layout: post title: Getting Started | ASP.NET Core | Syncfusion -description: Learn here all about Getting started with Syncfusion Essential ASP.NET Core control, its elements, and more. +description: Learn here all about Getting started with Syncfusion Essential ASP.NET Core Application, its elements, and more. platform: aspnet-core control: Common documentation: ug --- -# Getting Started with Essential ASP.NET Core +# Getting Started with ASP.NET Core Application > Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key#aspnet-core) to know about registering Syncfusion license key in your ASP.NET Core application to use our components. @@ -28,11 +28,11 @@ The following steps helps to create a ASP.NET Core web application to configure * Open Visual Studio 2015 to create **ASP.NET Core web application**. - ![Getting Started in ASP.NET Core](getting-started_images/getting-started_img1.png) + ![Getting Started in ASP.NET Core Application](getting-started_images/getting-started_img1.png) * After project creation, open your **project.json** file to add our Syncfusion assembly packages. - ![After Project in ASP.NET Core](getting-started_images/getting-started_img5.png) + ![After Project in ASP.NET Core Application](getting-started_images/getting-started_img5.png) > The ASP.NET Core NuGet packages versioning has been streamlined as 16.1.0.32 in shorter than older versioning (16.1600.0.32) from Volume 1, 2018 service pack 1 release (16.1.0.32). Since all the framework version wise assemblies are grouped into a single package. @@ -41,15 +41,15 @@ The following steps helps to create a ASP.NET Core web application to configure * In the Solution Explorer window, click the **"Show All Files"** button. - ![Solution Explorer Window in ASP.NET Core](getting-started_images/getting-started_img6.jpeg) + ![Solution Explorer Window in ASP.NET Core Application](getting-started_images/getting-started_img6.jpeg) * Open **bower.json** file to include the following necessary packages. - ![Open Bower json in ASP.NET Core](getting-started_images/getting-started_img2.png) + ![Open Bower json in ASP.NET Core Application](getting-started_images/getting-started_img2.png) * After Bower packages installation the scripts and CSS files are loaded into the **wwwroot -> lib** folder as shown below - ![Scripts and CSS in ASP.NET Core](getting-started_images/getting-started_img3.png) + ![Scripts and CSS in ASP.NET Core Application](getting-started_images/getting-started_img3.png) * Now open **_viewImports.cshtml** file from the views folder and add the following namespace for components references and Tag Helper support. @@ -114,7 +114,7 @@ N> jQuery.easing external dependency has been removed from version 14.3.0.49 onw * Finally compile your project, after successful compilation then press F5 key to deploy your project. - ![Compile Project in ASP.NET Core](getting-started_images/getting-started_img4.png) + ![Compile Project in ASP.NET Core Application](getting-started_images/getting-started_img4.png) ### Configure Syncfusion File Format Components in ASP.NET Core Application: @@ -122,11 +122,11 @@ The following steps helps to create a ASP.NET Core web application to configure * Open Visual Studio 2015 to create **ASP.NET Core web application**. - ![Open Visual Studion in ASP.NET Core](getting-started_images/getting-started_fileformat_img1.png) + ![Open Visual Studion in ASP.NET Core Application](getting-started_images/getting-started_fileformat_img1.png) * After project creation, open your **project.json** file to add our Syncfusion assembly packages. - ![AFter Project Creation in ASP.NET Core](getting-started_images/getting-started_fileformat_img2.png) + ![AFter Project Creation in ASP.NET Core Application](getting-started_images/getting-started_fileformat_img2.png) N> 1. You can refer [Installation](https://help.syncfusion.com/aspnet-core/configuration-and-installation) procedure to configure Syncfusion NuGet packages. N> 2. The File format component packages has been modified from Volume 3, 2017 (15.3.0.26) release. You can refer [migration document](https://help.syncfusion.com/aspnet-core/release-notes/migratingtov15.3.0.26) for more details. @@ -164,36 +164,36 @@ dotnet new -t web {% endhighlight %} - ![Web Application in ASP.NET Core](getting-started_images/getting-started_img10.JPG) + ![ASP.NET Core Application web](getting-started_images/getting-started_img10.JPG) ### Configure Syncfusion Components in ASP.NET Core Application * Open Visual Studio Code and open your ASP.NET folder using **Open -> Folder** menu. Now your project folder is loaded in Visual Studio Code application. - ![Configure Syncfusion Components in ASP.NET Core](getting-started_images/getting-started_img11.JPG) + ![Configure Syncfusion Components in ASP.NET Core Application](getting-started_images/getting-started_img11.JPG) * Open your **bower.json** json file and specify our Syncfusion package will loads our scripts and CSS. Refer this [link](https://help.syncfusion.com/js/installation-and-deployment#configuring-syncfusion-bower-packages) to configure the bower execution environment in your local machine. Then install a bower extension in your Visual Studio code to complete a configuration. - ![Loads File in ASP.NET Core](getting-started_images/getting-started_img12.JPG) + ![Loads File in ASP.NET Core Application](getting-started_images/getting-started_img12.JPG) * In **bower.json** file specify our Syncfusion packages with our latest version. - ![Specify file in ASP.NET Core](getting-started_images/getting-started_img13.JPG) + ![Specify File in ASP.NET Core Application](getting-started_images/getting-started_img13.JPG) * Open quick window (Ctrl + p) to run the `bower install` command to install our scripts and CSS to your application **wwwroot -> lib** folder. - ![Folder in ASP.NET Core](getting-started_images/getting-started_img14.JPG) + ![Folder in ASP.NET Core Application](getting-started_images/getting-started_img14.JPG) > Recommended to install the “**Bower package watcher**” extension will helps to load the packages whenever save the **bower.json** file. * Now open your **project.json** file to specify our assembly packages. - ![Bower Package Watcher in ASP.NET Core](getting-started_images/getting-started_img15.JPG) + ![Bower Package Watcher in ASP.NET Core Application](getting-started_images/getting-started_img15.JPG) > The ASP.NET Core NuGet packages versioning has been streamlined as 16.1.0.32 in shorter than older versioning (16.1600.0.32) from Volume 1, 2018 service pack 1 release (16.1.0.32). Since all the framework version wise assemblies are grouped into a single package. @@ -216,7 +216,7 @@ dotnet restore {% endhighlight %} - ![Restore packages in ASP.NET Core](getting-started_images/getting-started_img16.JPG) + ![Restore Packages in ASP.NET Core Application](getting-started_images/getting-started_img16.JPG) * Now refer the necessary scripts and CSS files in your **_layout.cshtml** page. @@ -274,7 +274,7 @@ N> jQuery.easing external dependency has been removed from version 14.3.0.49 onw * Finally press F5 key to deploy your project. - ![Press F5 key in ASP.NET Core](getting-started_images/getting-started_img17.JPG) + ![Press F5 Key in ASP.NET Core Application](getting-started_images/getting-started_img17.JPG) ## ASP.NET Core 1.1.0 Application Using Yeoman with Visual Studio Code: @@ -313,46 +313,46 @@ npm install -g yo {% endhighlight %} - ![Yeoman Generator in ASP.NET Core](getting-started_images/getting-started_img7.JPG) + ![Yeoman Generator in ASP.NET Core Application](getting-started_images/getting-started_img7.JPG) * From the list of available projects, select the **Web Application Basic [ without Membership and Authorization ]** by using arrow keys. - ![Web Application Basic in ASP.NET Core](getting-started_images/getting-started_img8.JPG) + ![Web Application Basic in ASP.NET Core Application](getting-started_images/getting-started_img8.JPG) * And then provide the project name or simply press the enter key to create the project with default name. - ![Project Name in ASP.NET Core](getting-started_images/getting-started_img9.JPG) + ![Project Name in ASP.NET Core Application](getting-started_images/getting-started_img9.JPG) ### Configure Syncfusion Components in ASP.NET Core Application * Open Visual Studio Code and open your ASP.NET folder using **Open -> Folder** menu. Now your project folder is loaded in Visual Studio Code application. - ![Open Folder in ASP.NET Core ](getting-started_images/getting-started_img11.JPG) + ![Open Folder in ASP.NET Core Application](getting-started_images/getting-started_img11.JPG) * Now configure a Bower execution environment in your local machine based on this [link](https://help.syncfusion.com/js/installation-and-deployment#configuring-syncfusion-bower-packages). Then install a Bower extension in your Visual Studio code to complete a configuration. - ![Configure Bower in ASP.NET Core](getting-started_images/getting-started_img12.JPG) + ![Configure Bower in ASP.NET Core Application](getting-started_images/getting-started_img12.JPG) * In **bower.json** file specify our Syncfusion packages with our latest version will loads our scripts and CSS. - ![Bower json in ASP.NET Core ](getting-started_images/getting-started_img13.JPG) + ![Bower json in ASP.NET Core Application](getting-started_images/getting-started_img13.JPG) * Open quick window (Ctrl + p) to run the `bower install` command to install our scripts and CSS to your application **wwwroot -> lib** folder. - ![Bower Install in ASP.NET Core](getting-started_images/getting-started_img14.JPG) + ![Bower Installed in ASP.NET Core Application](getting-started_images/getting-started_img14.JPG) > Recommended to install the “**Bower package watcher**” extension will helps to load the packages whenever save the **bower.json** file. * Now open your **project.json** file to specify our assembly packages. - ![ASP.NET Core file](getting-started_images/getting-started_img15.JPG) + ![ASP.NET Core Application file](getting-started_images/getting-started_img15.JPG) > The ASP.NET Core NuGet packages versioning has been streamlined as 16.1.0.32 in shorter than older versioning (16.1600.0.32) from Volume 1, 2018 service pack 1 release (16.1.0.32). Since all the framework version wise assemblies are grouped into a single package. @@ -376,7 +376,7 @@ dotnet restore {% endhighlight %} - ![Open Command in ASP.NET Core](getting-started_images/getting-started_img16.JPG) + ![Open Command in ASP.NET Core Application](getting-started_images/getting-started_img16.JPG) * Now refer the necessary scripts and CSS files in your **_layout.cshtml** page. @@ -434,4 +434,4 @@ N> jQuery.easing external dependency has been removed from version 14.3.0.49 onw * Finally press F5 key to deploy your project. - ![Deploy Project in ASP.NET Core](getting-started_images/getting-started_img17.JPG) + ![Deploy Project in ASP.NET Core Application](getting-started_images/getting-started_img17.JPG)