Skip to content

Commit 1329609

Browse files
authored
Merge pull request #2829 from syncfusion-content/871738-Asp-UG1
877894: UG documentation changed moved to hotfix for TextArea component
2 parents e4335f0 + 580616f commit 1329609

File tree

10 files changed

+68
-72
lines changed

10 files changed

+68
-72
lines changed

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@ Here, the theme and script is referred using CDN inside the `<head>` of `~/Pages
6969

7070
N> Checkout the [Themes topic](https://ej2.syncfusion.com/aspnetmvc/documentation/appearance/theme) to learn different ways (CDN, NPM package, and [CRG](https://ej2.syncfusion.com/aspnetmvc/documentation/common/custom-resource-generator)) to refer styles in ASP.NET MVC application, and to have the expected appearance for Syncfusion ASP.NET MVC controls. Checkout the [Adding Script Reference](https://ej2.syncfusion.com/aspnetmvc/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your ASP.NET MVC application.
7171

72-
## Register Syncfusion script manager
72+
## Register syncfusion script manager
7373

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

@@ -102,7 +102,7 @@ Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (m
102102

103103
## Getting and setting values
104104

105-
To set the initial value of the TextArea component, you can utilize the [`value`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_Value) property. Here's how you can achieve it:
105+
To set the initial value of the TextArea control, you can utilize the [`value`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_Value) property. Here's how you can achieve it:
106106

107107
{% tabs %}
108108
{% highlight razor tabtitle="CSHTML" %}
@@ -124,7 +124,7 @@ To set the initial value of the TextArea component, you can utilize the [`value`
124124
{% endhighlight %}
125125
{% endtabs %}
126126

127-
* You can dynamically retrieve the value of the TextArea component using the `value` property from the TextArea component instance.
127+
* You can dynamically retrieve the value of the TextArea control using the `value` property from the TextArea control instance.
128128

129129
{% tabs %}
130130
{% highlight razor tabtitle="CSHTML" %}

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

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ Install-Package Syncfusion.EJ2.AspNet.Core -Version {{ site.releaseversion }}
3737

3838
N> Syncfusion 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 license key.
3939

40-
## Add Syncfusion ASP.NET Core Tag Helper
40+
## Add syncfusion ASP.NET Core Tag Helper
4141
Open `~/Pages/_ViewImports.cshtml` file and import the `Syncfusion.EJ2` TagHelper.
4242

4343
{% tabs %}
@@ -70,7 +70,7 @@ N> Checkout the [Themes topic](https://ej2.syncfusion.com/aspnetcore/documentati
7070

7171
N> Checkout the [Adding Script Reference](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your ASP.NET Core application.
7272

73-
## Register Syncfusion Script Manager
73+
## Register syncfusion script manager
7474

7575
Also, register the script manager `<ejs-script>` at the end of `<body>` in the ASP.NET Core application as follows.
7676

@@ -102,7 +102,7 @@ Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (m
102102

103103
## Getting and setting values
104104

105-
To set the initial value of the TextArea component, you can utilize the [`value`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_Value) property. Here's how you can achieve it:
105+
To set the initial value of the TextArea control, you can utilize the [`value`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_Value) property. Here's how you can achieve it:
106106

107107
{% tabs %}
108108
{% highlight razor tabtitle="CSHTML" %}
@@ -118,7 +118,7 @@ To set the initial value of the TextArea component, you can utilize the [`value`
118118
{% endhighlight %}
119119
{% endtabs %}
120120

121-
* You can dynamically retrieve the value of the TextArea component using the `value` property from the TextArea component instance.
121+
* You can dynamically retrieve the value of the TextArea control using the `value` property from the TextArea control instance.
122122

123123
{% tabs %}
124124
{% highlight razor tabtitle="CSHTML" %}

ej2-asp-core-mvc/textarea/events.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -9,13 +9,13 @@ documentation: ug
99
domainurl: ##DomainURL##
1010
---
1111

12-
# Events in ##Platform_Name## TextArea control
12+
# Events in ##Platform_Name## TextArea Control
1313

1414
This section describes the TextArea events that will be triggered when appropriate actions are performed. The following events are available in the TextArea control.
1515

16-
## Created
16+
## Created event
1717

18-
The TextArea control triggers the [Created](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_Created) event when the TextArea component is created. This event provides users with an opportunity to perform actions immediately after the TextArea has been created and initialized.
18+
The TextArea control triggers the [Created](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_Created) event when the TextArea control is created. This event provides users with an opportunity to perform actions immediately after the TextArea has been created and initialized.
1919

2020
{% if page.publishingplatform == "aspnet-core" %}
2121

@@ -40,7 +40,7 @@ The TextArea control triggers the [Created](https://help.syncfusion.com/cr/aspne
4040
{% endtabs %}
4141
{% endif %}
4242

43-
## Input
43+
## Input event
4444

4545
The TextArea control triggers the [Input](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_Input) each time when the value of TextArea has changed. This event provides users with an opportunity to perform actions in response to real-time changes in the TextArea's content.
4646
The [InputEventArgs](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextBox.html#Syncfusion_EJ2_Inputs_TextBox_InputEventArgs/) passed as an event argument provides the details about the input event in the TextArea.
@@ -68,7 +68,7 @@ The [InputEventArgs](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ
6868
{% endtabs %}
6969
{% endif %}
7070

71-
## Change
71+
## Change event
7272

7373
The TextArea control triggers the [Change](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_Change) event when the content of TextArea has changed and gets focus-out. This event provides users with an opportunity to execute specific actions in response to changes made by the user.
7474
The [ChangedEventArgs](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextBox.html#Syncfusion_EJ2_Inputs_TextBox_ChangedEventArgs/) passed as an event argument provides the details about the changes in the TextArea's value.
@@ -96,7 +96,7 @@ The [ChangedEventArgs](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.
9696
{% endtabs %}
9797
{% endif %}
9898

99-
## Focus
99+
## Focus event
100100

101101
The TextArea control triggers the [Focus](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_Focus ) when the TextArea gains focus. This event allows developers to execute specific actions when the user interacts with the TextArea by focusing on it.
102102
The [FocusInEventArgs](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextBox.html#Syncfusion_EJ2_Inputs_TextBox_FocusInEventArgs/) passed as an argument provides details about the focus event in the TextArea.
@@ -124,7 +124,7 @@ The [FocusInEventArgs](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.
124124
{% endtabs %}
125125
{% endif %}
126126

127-
## Blur
127+
## Blur event
128128

129129
The TextArea control triggers the [Blur](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_Blur) when the TextArea loses focus. This event allows users to execute specific actions when the user interacts with the TextArea by moving focus away from it.
130130
The [FocusOutEventArgs](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextBox.html#Syncfusion_EJ2_Inputs_TextBox_FocusOutEventArgs/) passed as an argument provides details about the blur event in the TextArea.
@@ -152,9 +152,9 @@ The [FocusOutEventArgs](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion
152152
{% endtabs %}
153153
{% endif %}
154154

155-
## Destroyed
155+
## Destroyed event
156156

157-
The TextArea control triggers the [Destroyed](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_Destroyed) when the TextArea component is destroyed.
157+
The TextArea control triggers the [Destroyed](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_Destroyed) when the TextArea control is destroyed.
158158

159159
{% if page.publishingplatform == "aspnet-core" %}
160160

ej2-asp-core-mvc/textarea/floating-label.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ documentation: ug
99
domainurl: ##DomainURL##
1010
---
1111

12-
# Floating Label in ##Platform_Name## TextArea control
12+
# Floating Label in ##Platform_Name## TextArea Control
1313

1414
The floating label functionality in the TextArea control allows the placeholder text to float above the TextArea while the user interacts with it, providing a more intuitive user experience. This feature can be achieved using the [FloatLabelType](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_FloatLabelType) API, which offers various options for defining the floating behavior:
1515

ej2-asp-core-mvc/textarea/form-support.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ documentation: ug
99
domainurl: ##DomainURL##
1010
---
1111

12-
# Form Support in ##Platform_Name## TextArea control
12+
# Form Support in ##Platform_Name## TextArea Control
1313

1414
The TextArea control seamlessly integrates with HTML forms, enabling efficient submission of longer text data. By including TextArea inputs within HTML forms, users can conveniently input multiline text content and submit it as part of form submissions.
1515

ej2-asp-core-mvc/textarea/max-length.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ documentation: ug
99
domainurl: ##DomainURL##
1010
---
1111

12-
# Maximum Length in ##Platform_Name## TextArea control
12+
# Maximum Length in ##Platform_Name## TextArea Control
1313

1414
You can enforce a maximum length limit for the text input in the TextArea using the [MaxLength](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_MaxLength) property. This property allows to define the maximum number of characters that users can input into the TextArea.
1515

ej2-asp-core-mvc/textarea/methods.md

Lines changed: 38 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,108 +1,104 @@
11
---
22
layout: post
33
title: Methods in ##Platform_Name## TextArea control | Syncfusion
4-
description: Handling methods in the ##Platform_Name## TextArea control of Syncfusion Essential JS 2 and more.
4+
description: Checkout and learn about methods in the ##Platform_Name## TextArea control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
66
control: Methods
77
publishingplatform: ##Platform_Name##
88
documentation: ug
99
domainurl: ##DomainURL##
1010
---
1111

12-
# Methods in ##Platform_Name## TextArea control
12+
# Methods in ##Platform_Name## TextArea Control
1313

1414
This section outlines the methods available for interacting with the TextArea control.
1515

16-
## focusIn
16+
## FocusIn method
1717

1818
The [focusIn](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_focusIn) method in the TextArea, is used to set focus to the textarea element, enabling user interaction.
1919

2020
By calling the `focusIn` method, you can programmatically set focus to the TextArea control, allowing users to interact with it via keyboard input or other means.
2121

22-
{% if page.publishingplatform == "typescript" %}
22+
23+
{% if page.publishingplatform == "aspnet-core" %}
2324

2425
{% tabs %}
25-
{% highlight ts tabtitle="index.ts" %}
26-
{% include code-snippet/textarea/methods-cs1/index.ts %}
26+
{% highlight cshtml tabtitle="CSHTML" %}
27+
{% include code-snippet/textarea/methods-cs1/tagHelper %}
2728
{% endhighlight %}
28-
{% highlight html tabtitle="index.html" %}
29-
{% include code-snippet/textarea/methods-cs1/index.html %}
29+
{% highlight c# tabtitle="Clear.cs" %}
30+
{% include code-snippet/textarea/methods-cs1/methods1.cs %}
3031
{% endhighlight %}
3132
{% endtabs %}
3233

33-
{% previewsample "page.domainurl/code-snippet/textarea/methods-cs1" %}
34-
35-
{% elsif page.publishingplatform == "javascript" %}
34+
{% elsif page.publishingplatform == "aspnet-mvc" %}
3635

3736
{% tabs %}
38-
{% highlight js tabtitle="index.js" %}
39-
{% include code-snippet/textarea/methods-cs1/index.js %}
37+
{% highlight razor tabtitle="CSHTML" %}
38+
{% include code-snippet/textarea/methods-cs1/razor %}
4039
{% endhighlight %}
41-
{% highlight html tabtitle="index.html" %}
42-
{% include code-snippet/textarea/methods-cs1/index.html %}
40+
{% highlight c# tabtitle="Clear.cs" %}
41+
{% include code-snippet/textarea/methods-cs1/methods1.cs %}
4342
{% endhighlight %}
4443
{% endtabs %}
45-
4644
{% previewsample "page.domainurl/code-snippet/textarea/methods-cs1" %}
4745
{% endif %}
4846

49-
## focusOut
47+
## FocusOut method
5048

5149
The [focusOut](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_focusOut) method in the TextArea control is used to remove focus from the textarea element, ending user interaction.
5250
This method is beneficial for scenarios where user need to programmatically remove focus from the TextArea control, such as after completing a specific task or when navigating to another element in the application.
5351

54-
{% if page.publishingplatform == "typescript" %}
52+
{% if page.publishingplatform == "aspnet-core" %}
5553

5654
{% tabs %}
57-
{% highlight ts tabtitle="index.ts" %}
58-
{% include code-snippet/textarea/methods-cs2/index.ts %}
55+
{% highlight cshtml tabtitle="CSHTML" %}
56+
{% include code-snippet/textarea/methods-cs2/tagHelper %}
5957
{% endhighlight %}
60-
{% highlight html tabtitle="index.html" %}
61-
{% include code-snippet/textarea/methods-cs2/index.html %}
58+
{% highlight c# tabtitle="Clear.cs" %}
59+
{% include code-snippet/textarea/methods-cs2/methods2.cs %}
6260
{% endhighlight %}
6361
{% endtabs %}
6462

65-
{% previewsample "page.domainurl/code-snippet/textarea/methods-cs2" %}
66-
67-
{% elsif page.publishingplatform == "javascript" %}
63+
{% elsif page.publishingplatform == "aspnet-mvc" %}
6864

6965
{% tabs %}
70-
{% highlight js tabtitle="index.js" %}
71-
{% include code-snippet/textarea/methods-cs2/index.js %}
66+
{% highlight razor tabtitle="CSHTML" %}
67+
{% include code-snippet/textarea/methods-cs2/razor %}
7268
{% endhighlight %}
73-
{% highlight html tabtitle="index.html" %}
74-
{% include code-snippet/textarea/methods-cs2/index.html %}
69+
{% highlight c# tabtitle="Clear.cs" %}
70+
{% include code-snippet/textarea/methods-cs2/methods2.cs %}
7571
{% endhighlight %}
7672
{% endtabs %}
77-
7873
{% previewsample "page.domainurl/code-snippet/textarea/methods-cs2" %}
7974
{% endif %}
8075

81-
## getPersistData
76+
## GetPersistData method
8277

8378
The [getPersistData](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_getPersistData) method in the TextArea control retrieves the properties that need to be maintained in the persisted state.
8479
This method returns an object containing the properties to be persisted, which can include various configuration options and state information of the TextArea control.
8580

86-
{% if page.publishingplatform == "typescript" %}
81+
82+
{% if page.publishingplatform == "aspnet-core" %}
8783

8884
{% tabs %}
89-
{% highlight ts tabtitle="index.ts" %}
90-
{% include code-snippet/textarea/methods-cs3/index.ts %}
85+
{% highlight cshtml tabtitle="CSHTML" %}
86+
{% include code-snippet/textarea/methods-cs3/tagHelper %}
9187
{% endhighlight %}
92-
{% highlight html tabtitle="index.html" %}
93-
{% include code-snippet/textarea/methods-cs3/index.html %}
88+
{% highlight c# tabtitle="Clear.cs" %}
89+
{% include code-snippet/textarea/methods-cs3/methods3.cs %}
9490
{% endhighlight %}
9591
{% endtabs %}
9692

97-
{% elsif page.publishingplatform == "javascript" %}
93+
{% elsif page.publishingplatform == "aspnet-mvc" %}
9894

9995
{% tabs %}
100-
{% highlight js tabtitle="index.js" %}
101-
{% include code-snippet/textarea/methods-cs3/index.js %}
96+
{% highlight razor tabtitle="CSHTML" %}
97+
{% include code-snippet/textarea/methods-cs3/razor %}
10298
{% endhighlight %}
103-
{% highlight html tabtitle="index.html" %}
104-
{% include code-snippet/textarea/methods-cs3/index.html %}
99+
{% highlight c# tabtitle="Clear.cs" %}
100+
{% include code-snippet/textarea/methods-cs3/methods3.cs %}
105101
{% endhighlight %}
106102
{% endtabs %}
107-
103+
{% previewsample "page.domainurl/code-snippet/textarea/methods-cs3" %}
108104
{% endif %}

ej2-asp-core-mvc/textarea/resize.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ documentation: ug
99
domainurl: ##DomainURL##
1010
---
1111

12-
# Resize in ##Platform_Name## TextArea control
12+
# Resize in ##Platform_Name## TextArea Control
1313

1414
The TextArea allows users to input and edit large amounts of text. Resizing this control effectively can enhance the user experience and accommodate varying content needs. This resizing behavior can be enabled and configured using the [ResizeMode](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.TextArea.html#Syncfusion_EJ2_Inputs_TextArea_ResizeMode) API, which offers several options for resizing the TextArea:
1515

ej2-asp-core-mvc/textarea/rows-columns.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ documentation: ug
99
domainurl: ##DomainURL##
1010
---
1111

12-
# Rows and Columns in ##Platform_Name## TextArea control
12+
# Rows and Columns in ##Platform_Name## TextArea Control
1313

1414
Two essential attributes, `rows` and `columns`, play a pivotal role in customizing the TextArea's appearance and layout.
1515
The `rows`attribute determines the initial visible number of lines within the TextArea, controlling its vertical size. Conversely, the `columns` attribute specifies the visible width of the TextArea in characters per line, determining its initial width.

0 commit comments

Comments
 (0)