Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SEO-176113-Image-Alt-Text-Core #379

Open
wants to merge 3 commits into
base: hotfix/hotfix-v23.1.36
Choose a base branch
from
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
10 changes: 5 additions & 5 deletions aspnet-core/Core-Concepts.md
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
---
layout: post
title: Core Concepts | ASP.NET Core | Syncfusion
description: Core Concepts
title: Core Concepts in ASP.NET Core Control | Syncfusion
description: Learn here about Core Concepts in Syncfusion Essential ASP.NET Core Control, its elements, and more.
platform: aspnet-core
control: Common
documentation: ug
---

# Core Concepts
# Core Concepts in ASP.NET Core

## Basics

### API Configuration

Using tag helper methods we can set values to Syncfusion Widget properties during or after the creation.

![](core-concepts_images/core-concepts_img1.png)
![API configuration in ASP.NET Core](core-concepts_images/core-concepts_img1.png)

In the above example, minimum & maximum range defined for DatePicker component.

Expand Down Expand Up @@ -227,7 +227,7 @@ Find the steps to configure the Syncfusion Components to particular language fro
3. Download and refer the Syncfusion UI component localized text from [ej-global](https://github.com/syncfusion/ej-global/tree/master/localetexts) repository.


![](core-concepts_images/core-concepts_img1.png)
![Localization in ASP.NET Core](core-concepts_images/core-concepts_img1.png)

4. Load the Localized text file from local texts folder as like previous step

Expand Down
42 changes: 21 additions & 21 deletions aspnet-core/DataManager/Filtering.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Filtering | DataManager | ASP.NET Core | Syncfusion
description: filtering
title: Filtering in ASP.NET Core DataManager Control| Syncfusion
description: Learn here about filtering support in Syncfusion Essential ASP.NET Cor DataManager Control, its elements, and more.
platform: aspnet-core
control: DataManager
documentation: ug
keywords: filter Operators, lessThan, lessThanOrEqual, less, contains
---

# Filtering
# Filtering in ASP.NET Core DataManger

Filtering is a basic technique in **DataManager** query. The “where” query is used to filter some particular or related records from the data source to review details of records.

Expand Down Expand Up @@ -81,7 +81,7 @@ This operator is used to get the records with values less than that of the filte

Result of the above code example is illustrated as follows.

![](Filtering_images/Filtering_img1.png)
![lessThan in ASP.NET Core DataManger](Filtering_images/Filtering_img1.png)

## greaterThan

Expand Down Expand Up @@ -124,7 +124,7 @@ This operator is used to get the records with values greater than that of the fi

Result of the above code example is illustrated as follows.

![](Filtering_images/Filtering_img2.png)
![GreaterThan in ASP.NET Core DataManger](Filtering_images/Filtering_img2.png)

## lessThanOrEqual

Expand Down Expand Up @@ -167,7 +167,7 @@ This operator is used to get the records with values less than or equal to the f

Result of the above code example is illustrated as follows.

![](Filtering_images/Filtering_img3.png)
![LessThanoeEqual in ASP.NET Core DataManger](Filtering_images/Filtering_img3.png)

## greaterThanOrEqual

Expand Down Expand Up @@ -210,7 +210,7 @@ This operator is used to get the records with values greater than or equal to th

Result of the above code example is illustrated as follows.

![](Filtering_images/Filtering_img4.png)
![GreaterThanorEqual in ASP.NET Core DataManger](Filtering_images/Filtering_img4.png)

## equal

Expand Down Expand Up @@ -253,7 +253,7 @@ This operator is used to get the records with values equal to that of the filter

Result of the above code example is illustrated as follows.

![](Filtering_images/Filtering_img5.png)
![Equal in ASP.NET Core DataManger](Filtering_images/Filtering_img5.png)

## notEqual

Expand Down Expand Up @@ -296,7 +296,7 @@ This operator is used to get the records with values not equal to that of the fi

Result of the above code example is illustrated as follows.

![](Filtering_images/Filtering_img6.png)
![NotEqual in ASP.NET Core DataManger](Filtering_images/Filtering_img6.png)

## contains

Expand Down Expand Up @@ -339,7 +339,7 @@ This operator is used to get the records that contains the filter value.

Result of the above code example is illustrated as follows.

![](Filtering_images/Filtering_img7.png)
![Contains in ASP.NET Core DataManger](Filtering_images/Filtering_img7.png)

## startswith

Expand Down Expand Up @@ -382,7 +382,7 @@ This operator is used to get the records that starts with the filter value speci

Result of the above code example is illustrated as follows.

![](Filtering_images/Filtering_img8.png)
![StartsWith in ASP.NET Core DataManger](Filtering_images/Filtering_img8.png)

## endswith

Expand Down Expand Up @@ -425,7 +425,7 @@ This operator is used to get the records that ends with the filter value specifi

Result of the above code example is illustrated as follows.

![](Filtering_images/Filtering_img9.png)
![EndsWith in ASP.NET Core DataManger](Filtering_images/Filtering_img9.png)

## and predicate

Expand Down Expand Up @@ -468,7 +468,7 @@ The `and` predicate is used to add n-number of predicates with “and” conditi

Result of the above code example is illustrated as follows.

![](Filtering_images/Filtering_img10.png)
![And predictable in ASP.NET Core DataManger](Filtering_images/Filtering_img10.png)

## or predicate

Expand Down Expand Up @@ -511,7 +511,7 @@ Using this method you can add n-number of predicates with `or` condition and fil

Result of the above code example is illustrated as follows.

![](Filtering_images/Filtering_img11.png)
![Or predicate in ASP.NET Core DataManger](Filtering_images/Filtering_img11.png)

## Containment Operators

Expand Down Expand Up @@ -562,7 +562,7 @@ This operator is used to get the records that not contains the filter value.

{% endtabs %}

![](Filtering_images/Filtering_image12.png)
![Notcontains in ASP.NET Core DataManger](Filtering_images/Filtering_image12.png)

### contains

Expand Down Expand Up @@ -611,7 +611,7 @@ This operator is used to get the records that contains the filter value.

{% endtabs %}

![](Filtering_images/Filtering_image111.png)
![Contains in ASP.NET Core DataManger](Filtering_images/Filtering_image111.png)

### in

Expand Down Expand Up @@ -660,7 +660,7 @@ This operator used to fetch the records with value match with the given filter v

{% endtabs %}

![](Filtering_images/Filtering_image13.png)
![In in ASP.NET Core DataManger](Filtering_images/Filtering_image13.png)

### notin

Expand Down Expand Up @@ -709,9 +709,9 @@ This operator used to fetch the records with value not match with the given filt

{% endtabs %}

![](Filtering_images/Filtering_image14.png)
![Notin in ASP.NET Core DataManger](Filtering_images/Filtering_image14.png)

![](Filtering_images/Filtering_image15.png)
![Filter value in ASP.NET Core DataManger](Filtering_images/Filtering_image15.png)

## Lambda Operators

Expand Down Expand Up @@ -773,7 +773,7 @@ The ALL operator returns true if all the sub query values meet the condition. Th

{% endtabs %}

![](Filtering_images/Filtering_image16.png)
![All in ASP.NET Core DataManger](Filtering_images/Filtering_image16.png)

### any

Expand Down Expand Up @@ -832,4 +832,4 @@ The ANY operator returns true if any of the sub query values meet the condition.

{% endtabs %}

![](Filtering_images/Filtering_image17.png)
![Any in ASP.NET Core DataManger](Filtering_images/Filtering_image17.png)
14 changes: 7 additions & 7 deletions aspnet-core/DropDownList/Checkbox.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: CheckBox with DropDownList widget for Syncfusion ASP.NET Core
description: Describes about Checkbox functionalities in DropDownList control for Syncfusion ASP.NET Core
title: CheckBox in ASP.NET Core DropDownList Control | Syncfusion
description: Learn here about Checkbox functionalities in Syncfusion Essential ASP.NET Cor DropDown List Control, its elements, and more.
platform: aspnet-core
control: DropDownList
documentation: ug
keywords: Checkbox, dropdown, Selection Modes, Visual Mode, Delimiter

---

# Checkbox
# Checkbox functionalities in ASP.NET Core DropDownList

DropDownList displays checkboxes to the left of each item when you set <b>ShowCheckbox</b> property to true. It allows you to select more than one item at a time from DropDownList. Popup list stays open until the user finishes selection. When you click on an item’s text or checkbox then the checkbox checked status get change.

Expand Down Expand Up @@ -44,7 +44,7 @@ DropDownList displays checkboxes to the left of each item when you set <b>ShowCh

{% endtabs %}

![](Checkbox_images/Checkbox_img1.png)
![Checkbox functionalities in ASP.NET Core DropDownList](Checkbox_images/Checkbox_img1.png)

> if you want to showcase the DropDownList with default checked items on data binding, specify Selected field with Boolean values.

Expand Down Expand Up @@ -80,7 +80,7 @@ DropDownList displays checkboxes to the left of each item when you set <b>ShowCh

{% endtabs %}

![](Checkbox_images/Checkbox_img2.png)
![Field with boolen values in ASP.NET Core DropDownList](Checkbox_images/Checkbox_img2.png)

## Selection Modes

Expand Down Expand Up @@ -126,7 +126,7 @@ Each checked item’s text is appended to the textbox with delimiter “,” by

{% endtabs %}

![](Checkbox_images/Checkbox_img3.png)
![Delimiter in ASP.NET Core DropDownList](Checkbox_images/Checkbox_img3.png)

### Visual Mode

Expand Down Expand Up @@ -163,4 +163,4 @@ When you enable this option in DropDownList control, each checked item’s text

{% endtabs %}

![](Checkbox_images/Checkbox_img4.png)
![Visual mode in ASP.NET Core DropDownList](Checkbox_images/Checkbox_img4.png)
26 changes: 13 additions & 13 deletions aspnet-core/GettingStarted/Getting-Started-Linux-1-0-1.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Getting Started on Linux| ASP.NET Core | Syncfusion
description: Getting Started on Linux.
title: Getting Started with Linux in ASP.NET Core Control | Syncfusion
description: Learn here about getting started on Linux in Syncfusion Essential ASP.NET Core Control, its elements, and more.
platform: aspnet-core
control: Common
documentation: ug
---


# Getting Started on Linux
# Getting Started with Linux in 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/overview#aspnet-core) to know about registering Syncfusion license key in your ASP.NET Core application to use our components.

Expand Down Expand Up @@ -178,41 +178,41 @@ yo aspnet

{% endhighlight %}

![](getting-started-images-linux/img1.jpg)
![Building projects with yeoman in ASP.NET Core](getting-started-images-linux/img1.jpg)

* From the list of available projects, select the *Web Application Basic* [without Membership and Authorization] by using arrow keys.

![](getting-started-images-linux/img2.jpg)
![Web application basic in ASP.NET Core](getting-started-images-linux/img2.jpg)

* And then provide the project name or simply press the ‘Enter’ key to create the project with default name.

![](getting-started-images-linux/img3.jpg)
![Naming the project in ASP.NET MVC Core](getting-started-images-linux/img3.jpg)

### Configuring Syncfusion Components

* Open Visual Studio Code and open your Sample application folder using **Open Folder** option. Now your project folder is loaded in Visual Studio Code application.

![](getting-started-images-linux/img4.jpg)
![Configuring Syncfusion components in ASP.NET Core](getting-started-images-linux/img4.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)

* Click the Extension icon in the Visual Studio Code left side pane, in the search window type the command *bower*. The Bower related extensions are listed out. Now select the Bower extension and click the install button.

![](getting-started-images-linux/img5.jpg)
![Bower related extensions in ASP.NET Core](getting-started-images-linux/img5.jpg)

* In **bower.json** file specify our Syncfusion packages with our latest version, or else specify the **`*`** symbol will automatically loads our latest version scripts and CSS files.

![](getting-started-images-linux/img6.jpg)
![Syncfusion packages in ASP.NET Core](getting-started-images-linux/img6.jpg)

* Then open quick window to enter the *`>bower`* command and press ‘Enter’ key, from the below list of suggestions select the **bower install** option to restored our scripts and CSS into your application **wwwroot -> lib** folder.

![](getting-started-images-linux/img7.jpg)
![Installing bower in ASP.NET Core](getting-started-images-linux/img7.jpg)

* Now refer our Syncfusion package **Syncfusion.EJ.AspNet.Core** into your application for our components deployment. The packages configuration & installation guidelines will be documented [here](https://help.syncfusion.com/extension/syncfusion-nuget-packages/nuget-install-and-configuration#confuguring-syncfusion-nuget-packages-from-command-line-in-linuxmac).

* Once the NuGet packages installation gets completed, open your **project.json** file to include our **Syncfusion.EJ.AspNet.Core** package reference.

![](getting-started-images-linux/img8.jpg)
![Package refernce in ASP.NET Core](getting-started-images-linux/img8.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.

Expand All @@ -236,7 +236,7 @@ dotnet restore

{% endhighlight %}

![](getting-started-images-linux/img9.jpg)
![Terminal window in ASP.NET Core](getting-started-images-linux/img9.jpg)

* Now refer the necessary scripts and CSS files in your **_layout.cshtml** page.

Expand Down Expand Up @@ -292,4 +292,4 @@ N> jQuery.easing external dependency has been removed from version 14.3.0.49 onw

* Then open your browser and paste the listening port **localhost:5000** to view your sample in browser.

![](getting-started-images-linux/img10.jpg)
![Completed sample in ASP.NET Core](getting-started-images-linux/img10.jpg)
10 changes: 5 additions & 5 deletions aspnet-core/Grid/Toolbar.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Toolbar with Grid widget for ASP.NET Core
description: toolbar
title: Toolbar with Grid widget for ASP.NET Core Control | Syncfusion
description: Learn here about toolbar support in Syncfusion Essential ASP.NET Core Grid Control, its elements, and more.
platform: aspnet-core
control: Grid
documentation: ug
---

# Toolbar
# Toolbar with Grid widget for ASP.NET Core

Toolbar can be shown by defining the `show-toolbar` property in `toolbar-settings`. Toolbar has option to add default items in `toolbar-items` and customized items in ` custom-toolbar-items`.

Expand Down Expand Up @@ -92,7 +92,7 @@ namespace SyncfusionMvcApplication1.Controllers
{% endhighlight %}
{% endtabs %}

![](Toolbar_images/Toolbar_img1.png)
![Default toolbar items in ASP.NET Core Grid](Toolbar_images/Toolbar_img1.png)


I> The `allow-adding`, `allow-editing` and `allow-deleting` need to be enabled for add, delete, edit, save & cancel in `toolbar-items`. `allow-searching` to be enabled while adding search in toolbar to perform search action.
Expand Down Expand Up @@ -165,4 +165,4 @@ namespace SyncfusionMvcApplication1.Controllers
{% endhighlight %}
{% endtabs %}

![](Toolbar_images/Toolbar_img4.png)
![Custom toolbar items in ASP.NET Core Grid](Toolbar_images/Toolbar_img4.png)
Loading