Skip to content

Commit d4d5418

Browse files
suba-1997suba-1997
authored
Merge branch 'hotfix/hotfix-v28.1.33' into ES-935084-Badge
2 parents 0fa895f + 7b2e1c9 commit d4d5418

File tree

101 files changed

+1380
-1082
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

101 files changed

+1380
-1082
lines changed

‎ej2-asp-core-mvc/avatar/EJ2_ASP.MVC/getting-started.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ documentation: ug
1111

1212
# Getting Started with ASP.NET MVC Avatar Control
1313

14-
This section briefly explains about how to include [ASP.NET MVC Avatar](https://www.syncfusion.com/aspnet-mvc-ui-controls/avatar) control in your ASP.NET MVC application using Visual Studio.
14+
This section explains about how to include [ASP.NET MVC Avatar](https://www.syncfusion.com/aspnet-mvc-ui-controls/avatar) control in your ASP.NET MVC application using Visual Studio.
1515

1616
## Prerequisites
1717

@@ -25,7 +25,7 @@ This section briefly explains about how to include [ASP.NET MVC Avatar](https://
2525

2626
## Add stylesheet
2727

28-
Here, the theme is referred using CDN inside the `<head>` of `~/Views/Shared/_Layout.cshtml` file as follows,
28+
Here, the desired theme is referred using CDN inside the `<head>` of **~/Views/Shared/_Layout.cshtml** file as follows,
2929

3030
{% tabs %}
3131
{% highlight c# tabtitle="~/_Layout.cshtml" %}
@@ -43,7 +43,7 @@ N> Checkout the [Themes topic](https://ej2.syncfusion.com/aspnetmvc/documentatio
4343

4444
## Add ASP.NET MVC Avatar control
4545

46-
Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Avatar control in `~/Home/Index.cshtml` page.
46+
Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Avatar control in **~/Home/Index.cshtml** page.
4747

4848
{% tabs %}
4949
{% highlight razor tabtitle="CSHTML" %}

‎ej2-asp-core-mvc/avatar/EJ2_ASP.NETCORE/getting-started.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ documentation: ug
1111

1212
# Getting Started with ASP.NET Core Avatar Control
1313

14-
This section briefly explains about how to include [ASP.NET Core Avatar](https://www.syncfusion.com/aspnet-core-ui-controls/avatar) control in your ASP.NET Core application using Visual Studio.
14+
This section explains about how to include [ASP.NET Core Avatar](https://www.syncfusion.com/aspnet-core-ui-controls/avatar) control in your ASP.NET Core application using Visual Studio.
1515

1616
## Prerequisites
1717

@@ -25,7 +25,7 @@ This section briefly explains about how to include [ASP.NET Core Avatar](https:/
2525

2626
## Add stylesheet
2727

28-
Here, the theme is referred using CDN inside the `<head>` of `~/Pages/Shared/_Layout.cshtml` file as follows,
28+
Here, the desired theme is referred using CDN inside the `<head>` of **~/Pages/Shared/_Layout.cshtml** file as follows,
2929

3030
{% tabs %}
3131
{% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -43,7 +43,7 @@ N> Checkout the [Themes topic](https://ej2.syncfusion.com/aspnetcore/documentati
4343

4444
## Add ASP.NET Core Avatar control
4545

46-
Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Avatar tag helper in `~/Pages/Index.cshtml` page.
46+
Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Avatar tag helper in **~/Pages/Index.cshtml** page.
4747

4848
{% tabs %}
4949
{% highlight cshtml tabtitle="CSHTML" %}

‎ej2-asp-core-mvc/avatar/how-to/avatar-customization.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Avatar Customization in ##Platform_Name## Avatar Component | Syncfusion
4-
description: Learn here all about Avatar Customization in Syncfusion ##Platform_Name## Avatar component of Syncfusion Essential JS 2 and more.
3+
title: Avatar Customization in ##Platform_Name## Avatar control | Syncfusion
4+
description: Learn here all about Avatar Customization in Syncfusion ##Platform_Name## Avatar control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
66
control: Avatar Customization
77
publishingplatform: ##Platform_Name##
@@ -12,7 +12,7 @@ documentation: ug
1212

1313
## Color customization
1414

15-
The avatar comes with default background color (Grey). This can be easily customized to desired color by adding custom class or directly selecting the avatar class from the CSS.
15+
The Avatar comes with default background color (Grey). This can be easily customized to the desired color by adding custom class or directly selecting the Avatar class from the CSS.
1616

1717
{% if page.publishingplatform == "aspnet-core" %}
1818

@@ -37,9 +37,9 @@ The avatar comes with default background color (Grey). This can be easily custom
3737

3838
![Avatar Color](../images/color.PNG)
3939

40-
## Customize avatar sizes
40+
## Customize Avatar sizes
4141

42-
Even though the avatar comes with five predefined sizes, sometimes it's not enough. So, the avatar is designed in such a way that the width and height will be relative to font-size. By changing the `font-size` of the avatar element, you can change the width and height automatically.
42+
Even though the Avatar comes with five predefined sizes, sometimes it's not enough. The Avatar is designed so that the width and height are relative to the font-size. By changing the `font-size` of the Avatar element, you can change the width and height automatically.
4343

4444
{% if page.publishingplatform == "aspnet-core" %}
4545

@@ -66,9 +66,9 @@ Even though the avatar comes with five predefined sizes, sometimes it's not enou
6666

6767
N> [View Sample in GitHub](https://github.com/SyncfusionExamples/ASP-NET-Core-UG-Examples/tree/main/Avatar/AvatarUGSample).
6868

69-
## Use various media in avatar
69+
## Use various media in Avatar
7070

71-
Avatars can be used with a wide variety of media formats like SVG, font-icons, images, letters, words, etc.
71+
Avatars can be used with a wide variety of types of media formats like SVG, font-icons, images, letters, words, etc.
7272

7373
{% if page.publishingplatform == "aspnet-core" %}
7474

‎ej2-asp-core-mvc/avatar/how-to/integrate-avatar-into-badge.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
---
22
layout: post
3-
title: Integrate Avatar Into Badge in ##Platform_Name## Avatar Component
4-
description: Learn here all about how to integrate avatar into badge in Syncfusion ##Platform_Name## Avatar component of Syncfusion Essential JS 2 and more.
3+
title: Integrate Avatar Into Badge in ##Platform_Name## Avatar control | Syncfusion
4+
description: Learn here all about how to integrate Avatar into Badge in Syncfusion ##Platform_Name## Avatar control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
66
control: Integrate Avatar Into Badge
77
publishingplatform: ##Platform_Name##
88
documentation: ug
99
---
1010

11-
# Integrate avatar into Badge
11+
# Integrate Avatar into Badge
1212

13-
The badge is dependent and supportive component, and it can be used with avatar to create a notification avatar. The default avatar (.`e-avatar`) and circle avatar (.`e-avatar-circle`) have been used with notification badges (.`e-badge-notification`) in the following sample.
13+
The Badge is a dependent and supportive control that can be used with Avatar to create a notification Avatar. The default Avatar `(.e-avatar)` and circle Avatar `(.e-avatar-circle)` have been used with notification badges `(.e-badge-notification)` in the following sample.
1414

1515
{% if page.publishingplatform == "aspnet-core" %}
1616

‎ej2-asp-core-mvc/avatar/how-to/integrate-avatar-into-listview.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
---
22
layout: post
3-
title: Integrate Avatar Into Listview in ##Platform_Name## Avatar Component
4-
description: Learn here all about how to integrate avatar into Listview in Syncfusion ##Platform_Name## Avatar component of Syncfusion Essential JS 2 and more.
3+
title: Integrate Avatar Into ListView in ##Platform_Name## Avatar control | Syncfusion
4+
description: Learn here all about how to integrate Avatar into ListView in Syncfusion ##Platform_Name## Avatar control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
6-
control: Integrate Avatar Into Listview
6+
control: Integrate Avatar Into ListView
77
publishingplatform: ##Platform_Name##
88
documentation: ug
99
---
1010

11-
# Integrate avatar into ListView
11+
# Integrate Avatar into ListView
1212

13-
Avatar is integrated into the listview to create contacts applications. The `xsmall` size avatar is used to match the size of the list item. Letters and images are also used as avatar content.
13+
Avatar is integrated into the ListView to create contacts applications. The `xsmall` size Avatar is used to match the size of the list items. Both letters and images are also used as Avatar content.
1414

1515
{% if page.publishingplatform == "aspnet-core" %}
1616

‎ej2-asp-core-mvc/avatar/overview.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Overview in ##Platform_Name## Avatar Component
4-
description: Learn here all about Overview in Syncfusion ##Platform_Name## Avatar component of Syncfusion Essential JS 2 and more.
3+
title: Overview in ##Platform_Name## Avatar control | Syncfusion
4+
description: Learn here all about Overview in Syncfusion ##Platform_Name## Avatar control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
66
control: Index
77
publishingplatform: ##Platform_Name##

‎ej2-asp-core-mvc/avatar/types.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -11,19 +11,19 @@ documentation: ug
1111

1212
# Types and Styles in ##Platform_Name## Avatar Control
1313

14-
This section explains different types of avatar.
14+
This section explains different types of Avatar.
1515

1616
## Avatar size
1717

18-
The Essential<sup style="font-size:70%">&reg;</sup> JS 2 Avatar has the following predefined sizes that can be used with the `.e-avatar` class to change the appearance of the avatar.
18+
The Essential<sup style="font-size:70%">&reg;</sup> JS 2 Avatar has the following predefined sizes that can be used with the `.e-avatar` class to change the appearance of the Avatar.
1919

2020
| Class Name | Description |
2121
| ------------- | ------------- |
22-
| e-avatar-xlarge | Displays xlarge size avatar. |
23-
| e-avatar-large | Displays apply large size avatar. |
24-
| e-avatar | Displays apply default size avatar. |
25-
| e-avatar-small | Displays apply small size avatar. |
26-
| e-avatar-xsmall | Displays apply xsmall size avatar. |
22+
| e-avatar-xlarge | Displays xlarge size Avatar. |
23+
| e-avatar-large | Displays apply large size Avatar. |
24+
| e-avatar | Displays apply default size Avatar. |
25+
| e-avatar-small | Displays apply small size Avatar. |
26+
| e-avatar-xsmall | Displays apply xsmall size Avatar. |
2727

2828
{% if page.publishingplatform == "aspnet-core" %}
2929

@@ -50,14 +50,14 @@ The Essential<sup style="font-size:70%">&reg;</sup> JS 2 Avatar has the followin
5050

5151
## Avatar types
5252

53-
The types of Essential<sup style="font-size:70%">&reg;</sup> JS 2 avatar are:
53+
The types of Essential<sup style="font-size:70%">&reg;</sup> JS 2 Avatar are:
5454

5555
* Default
5656
* Circle
5757

5858
### Default
5959

60-
The default style of the avatar is rectangular shape with rounded corners, which can be applied from adding the modifier class `.e-avatar` to the target element.
60+
The default style of the Avatar is rectangular shape with rounded corners, which can be applied from adding the modifier class `.e-avatar` to the target element.
6161

6262
{% if page.publishingplatform == "aspnet-core" %}
6363

@@ -83,7 +83,7 @@ The default style of the avatar is rectangular shape with rounded corners, which
8383

8484
### Circle
8585

86-
The circle avatar style can be applied by adding the modifier class `.e-avatar-circle` to the target element.
86+
The circle Avatar style can be applied by adding the modifier class `.e-avatar-circle` to the target element.
8787

8888
{% if page.publishingplatform == "aspnet-core" %}
8989

‎ej2-asp-core-mvc/chips/EJ2_ASP.MVC/getting-started.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@ publishingplatform: ##Platform_Name##
88
documentation: ug
99
---
1010

11-
# Getting Started with ASP.NET MVC Chip Control
11+
# Getting Started with ASP.NET MVC Chips Control
1212

13-
This section briefly explains about how to include [ASP.NET MVC Chip](https://www.syncfusion.com/aspnet-mvc-ui-controls/chips) control in your ASP.NET MVC application using Visual Studio.
13+
This section briefly explains about how to include [ASP.NET MVC Chips](https://www.syncfusion.com/aspnet-mvc-ui-controls/chips) control in your ASP.NET MVC application using Visual Studio.
1414

1515
## Prerequisites
1616

@@ -38,7 +38,7 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC controls are ava
3838

3939
## Add namespace
4040

41-
Add **Syncfusion.EJ2** namespace reference in `Web.config` under `Views` folder.
41+
Add **Syncfusion.EJ2** namespace reference in `Web.config` under **Views** folder.
4242

4343
```
4444
<namespaces>
@@ -48,7 +48,7 @@ Add **Syncfusion.EJ2** namespace reference in `Web.config` under `Views` folder.
4848

4949
## Add stylesheet and script resources
5050

51-
Here, the theme and script is referred using CDN inside the `<head>` of `~/Pages/Shared/_Layout.cshtml` file as follows,
51+
Here, the theme and script is referred using CDN inside the `<head>` of **~/Pages/Shared/_Layout.cshtml** file as follows,
5252

5353
{% tabs %}
5454
{% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -68,7 +68,7 @@ N> Checkout the [Themes topic](https://ej2.syncfusion.com/aspnetmvc/documentatio
6868

6969
## Register Syncfusion<sup style="font-size:70%">&reg;</sup> script manager
7070

71-
Also, register the script manager `EJS().ScriptManager()` at the end of `<body>` in the `~/Pages/Shared/_Layout.cshtml` file as follows.
71+
Also, register the script manager `EJS().ScriptManager()` at the end of `<body>` in the **~/Pages/Shared/_Layout.cshtml** file as follows.
7272

7373
{% tabs %}
7474
{% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -82,9 +82,9 @@ Also, register the script manager `EJS().ScriptManager()` at the end of `<body>`
8282
{% endhighlight %}
8383
{% endtabs %}
8484

85-
## Add ASP.NET MVC Chip control
85+
## Add ASP.NET MVC Chips control
8686

87-
Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Chip control in `~/Home/Index.cshtml` page.
87+
Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Chips control in **~/Home/Index.cshtml** page.
8888

8989
{% tabs %}
9090
{% highlight cshtml tabtitle="CSHTML" %}
@@ -94,8 +94,8 @@ Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Chip c
9494
{% endhighlight %}
9595
{% endtabs %}
9696

97-
Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to run the app. Then, the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Chip control will be rendered in the default web browser.
97+
Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to run the app. Then, the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Chips control will be rendered in the default web browser.
9898

99-
![ASP.NET MVC Chip Control](images/chip.png)
99+
![ASP.NET MVC Chips Control](images/chip.png)
100100

101101
N> [View Sample in GitHub](https://github.com/SyncfusionExamples/ASP-NET-MVC-Getting-Started-Examples/tree/main/Chip/ASP.NET%20MVC%20Razor%20Examples).

‎ej2-asp-core-mvc/chips/EJ2_ASP.NETCORE/getting-started.md

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
layout: post
3-
title: Getting Started with ##Platform_Name## Chips Control
3+
title: Getting Started with ##Platform_Name## Chips Control | Syncfusion
44
description: Checkout and learn about getting started with ##Platform_Name## Chips control of Syncfusion Essential JS 2 and more details.
55
platform: ej2-asp-core-mvc
66
control: Getting Started
@@ -37,7 +37,8 @@ Install-Package Syncfusion.EJ2.AspNet.Core -Version {{ site.releaseversion }}
3737
N> Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core controls are available in [nuget.org.](https://www.nuget.org/packages?q=syncfusion.EJ2) Refer to [NuGet packages topic](https://ej2.syncfusion.com/aspnetcore/documentation/nuget-packages) to learn more about installing NuGet packages in various OS environments. The Syncfusion.EJ2.AspNet.Core NuGet package has dependencies, [Newtonsoft.Json](https://www.nuget.org/packages/Newtonsoft.Json/) for JSON serialization and [Syncfusion.Licensing](https://www.nuget.org/packages/Syncfusion.Licensing/) for validating Syncfusion<sup style="font-size:70%">&reg;</sup> license key.
3838

3939
## Add Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Tag Helper
40-
Open `~/Pages/_ViewImports.cshtml` file and import the `Syncfusion.EJ2` TagHelper.
40+
41+
Open **~/Pages/_ViewImports.cshtml** file and import the `Syncfusion.EJ2` TagHelper.
4142

4243
{% tabs %}
4344
{% highlight C# tabtitle="~/_ViewImports.cshtml" %}
@@ -49,7 +50,7 @@ Open `~/Pages/_ViewImports.cshtml` file and import the `Syncfusion.EJ2` TagHelpe
4950

5051
## Add stylesheet and script resources
5152

52-
Here, the theme and script is referred using CDN inside the `<head>` of `~/Pages/Shared/_Layout.cshtml` file as follows,
53+
Here, the theme and script are referred to using CDN inside the `<head>` of **~/Pages/Shared/_Layout.cshtml** file as follows,
5354

5455
{% tabs %}
5556
{% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -71,7 +72,7 @@ N> Checkout the [Adding Script Reference](https://ej2.syncfusion.com/aspnetcore/
7172

7273
## Register Syncfusion<sup style="font-size:70%">&reg;</sup> Script Manager
7374

74-
Also, register the script manager `<ejs-script>` at the end of `<body>` in the ASP.NET Core application as follows.
75+
Also, register the script manager `<ejs-scripts>` at the end of `<body>` in the ASP.NET Core application as follows.
7576

7677
{% tabs %}
7778
{% highlight cshtml tabtitle="~/_Layout.cshtml" %}
@@ -87,7 +88,7 @@ Also, register the script manager `<ejs-script>` at the end of `<body>` in the A
8788

8889
## Add ASP.NET Core Chips control
8990

90-
Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Chips tag helper in `~/Pages/Index.cshtml` page.
91+
Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Chips tag helper in **~/Pages/Index.cshtml** page.
9192

9293
{% tabs %}
9394
{% highlight cshtml tabtitle="CSHTML" %}

‎ej2-asp-core-mvc/chips/accessibility.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,12 +12,12 @@ documentation: ug
1212

1313
## Keyboard interaction
1414

15-
The following shortcut keys are used to access the Chip control without any interruption.
15+
The following shortcut keys are used to access the Chips control without interruption.
1616

1717
| Keyboard shortcuts | Actions |
1818
|------------|-------------------|
19-
| <kbd>Enter</kbd> | Selects the targeted chip from the ChipList/ChipCollection. |
20-
| <kbd>Delete</kbd> | Deletes the targeted chip from the ChipList/ChipCollection. |
19+
| <kbd>Enter</kbd> | Selects the targeted Chips from the ChipList/ChipCollection. |
20+
| <kbd>Delete</kbd> | Deletes the targeted Chips from the ChipList/ChipCollection. |
2121

2222
{% if page.publishingplatform == "aspnet-core" %}
2323

0 commit comments

Comments
 (0)