Skip to content

Commit 3d9915c

Browse files
937286: ug fix
1 parent a87377a commit 3d9915c

File tree

129 files changed

+512
-592
lines changed

Some content is hidden

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

129 files changed

+512
-592
lines changed

ej2-asp-core-mvc/chat-ui/EJ2_ASP.MVC/header.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -116,14 +116,14 @@ You can use the `Visible` property to specify whether to show or hide the header
116116

117117
{% tabs %}
118118
{% highlight razor tabtitle="CSHTML" %}
119-
{% include code-snippet/chat-ui/header/toolbarDisable/razor %}
119+
{% include code-snippet/chat-ui/header/toolbarVisible/razor %}
120120
{% endhighlight %}
121-
{% highlight c# tabtitle="ToolbarDisable.cs" %}
122-
{% include code-snippet/chat-ui/header/toolbarDisable/toolbarDisable.cs %}
121+
{% highlight c# tabtitle="ToolbarVisible.cs" %}
122+
{% include code-snippet/chat-ui/header/toolbarVisible/toolbarDisable.cs %}
123123
{% endhighlight %}
124124
{% endtabs %}
125125

126-
![ToolbarDisable](images/toolbar-disable.png)
126+
![ToolbarDisable](images/toolbar-visible.png)
127127

128128
#### Setting disabled
129129

@@ -178,7 +178,7 @@ In the following example, toolbar item type is set with `Right`.
178178
{% highlight razor tabtitle="CSHTML" %}
179179
{% include code-snippet/chat-ui/header/toolbarIcon/razor %}
180180
{% endhighlight %}
181-
{% highlight c# tabtitle="ToolbarIcon.cs" %}
181+
{% highlight c# tabtitle="ToolbarAlign.cs" %}
182182
{% include code-snippet/chat-ui/header/toolbarIcon/toolbarIcon.cs %}
183183
{% endhighlight %}
184184
{% endtabs %}

ej2-asp-core-mvc/chat-ui/EJ2_ASP.NETCORE/appearance.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,9 @@ You can use the [placeholder](https://help.syncfusion.com/cr/aspnetcore-js2/Sync
1818
{% highlight razor tabtitle="CSHTML" %}
1919
{% include code-snippet/chat-ui/appearance/placeholder/tagHelper %}
2020
{% endhighlight %}
21+
{% highlight c# tabtitle="Placeholder.cs" %}
22+
{% include code-snippet/chat-ui/appearance/placeholder/placeholder.cs %}
23+
{% endhighlight %}
2124
{% endtabs %}
2225

2326
![Placeholder](images/placeholder.png)
@@ -30,6 +33,9 @@ You can use the [width](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion
3033
{% highlight razor tabtitle="CSHTML" %}
3134
{% include code-snippet/chat-ui/appearance/width/tagHelper %}
3235
{% endhighlight %}
36+
{% highlight c# tabtitle="Width.cs" %}
37+
{% include code-snippet/chat-ui/appearance/width/width.cs %}
38+
{% endhighlight %}
3339
{% endtabs %}
3440

3541
![Width](images/width.png)
@@ -42,6 +48,9 @@ You can use the [height](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusio
4248
{% highlight razor tabtitle="CSHTML" %}
4349
{% include code-snippet/chat-ui/appearance/height/tagHelper %}
4450
{% endhighlight %}
51+
{% highlight c# tabtitle="Height.cs" %}
52+
{% include code-snippet/chat-ui/appearance/height/height.cs %}
53+
{% endhighlight %}
4554
{% endtabs %}
4655

4756
![Height](images/width.png)
@@ -54,6 +63,9 @@ You can customize the appearance of the Chat UI component by using the [cssClass
5463
{% highlight razor tabtitle="CSHTML" %}
5564
{% include code-snippet/chat-ui/appearance/cssClass/tagHelper %}
5665
{% endhighlight %}
66+
{% highlight c# tabtitle="Cssclass.cs" %}
67+
{% include code-snippet/chat-ui/appearance/cssclass/cssclass.cs %}
68+
{% endhighlight %}
5769
{% endtabs %}
5870

5971
![Cssclass](images/cssclass.png)

ej2-asp-core-mvc/chat-ui/EJ2_ASP.NETCORE/events.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,9 @@ The Chat UI control triggers the [created](https://help.syncfusion.com/cr/aspnet
2020
{% highlight razor tabtitle="CSHTML" %}
2121
{% include code-snippet/chat-ui/events/created/tagHelper %}
2222
{% endhighlight %}
23+
{% highlight c# tabtitle="Created.cs" %}
24+
{% include code-snippet/chat-ui/events/created/created.cs %}
25+
{% endhighlight %}
2326
{% endtabs %}
2427

2528
## Sending message
@@ -30,6 +33,9 @@ The [messageSend](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.I
3033
{% highlight razor tabtitle="CSHTML" %}
3134
{% include code-snippet/chat-ui/events/messageSend/tagHelper %}
3235
{% endhighlight %}
36+
{% highlight c# tabtitle="MessageSend.cs" %}
37+
{% include code-snippet/chat-ui/events/messageSend/messageSend.cs %}
38+
{% endhighlight %}
3339
{% endtabs %}
3440

3541
## User typing
@@ -40,4 +46,7 @@ The [userTyping](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.In
4046
{% highlight razor tabtitle="CSHTML" %}
4147
{% include code-snippet/chat-ui/events/userTyping/tagHelper %}
4248
{% endhighlight %}
49+
{% highlight c# tabtitle="UserTyping.cs" %}
50+
{% include code-snippet/chat-ui/events/userTyping/userTyping.cs %}
51+
{% endhighlight %}
4352
{% endtabs %}

ej2-asp-core-mvc/chat-ui/EJ2_ASP.NETCORE/footer.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,9 @@ You can use [showFooter](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusio
1818
{% highlight razor tabtitle="CSHTML" %}
1919
{% include code-snippet/chat-ui/footer/tagHelper %}
2020
{% endhighlight %}
21+
{% highlight c# tabtitle="Footer.cs" %}
22+
{% include code-snippet/chat-ui/footer/defaultMessages.cs %}
23+
{% endhighlight %}
2124
{% endtabs %}
2225

2326
![Footer](images/footer.png)

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

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,9 @@ Now, add the Syncfusion ASP.NET Core Chat UI tag helper in `~/Pages/Index.cshtml
9393
{% highlight cshtml tabtitle="CSHTML" %}
9494
{% include code-snippet/chat-ui/getting-started/tagHelper %}
9595
{% endhighlight %}
96+
{% highlight c# tabtitle="Default.cs" %}
97+
{% include code-snippet/chat-ui/getting-started/gettingstarted.cs %}
98+
{% endhighlight %}
9699
{% endtabs %}
97100

98101
Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to run the app. Then, the Syncfusion ASP.NET Core Chat UI control will be rendered in the default web browser.
@@ -107,6 +110,9 @@ You can use the `<e-chatui-messages>` tag directive to group all the messages an
107110
{% highlight cshtml tabtitle="CSHTML" %}
108111
{% include code-snippet/chat-ui/default-messages/tagHelper %}
109112
{% endhighlight %}
113+
{% highlight c# tabtitle="Default.cs" %}
114+
{% include code-snippet/chat-ui/default-messages/defaultMessages.cs %}
115+
{% endhighlight %}
110116
{% endtabs %}
111117

112118
![ASP.NET Core Chat UI default messages](images/default-messages.png)

ej2-asp-core-mvc/chat-ui/EJ2_ASP.NETCORE/globalization.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,9 @@ The Chat UI can be localized to any culture by defining the text of the Chat UI
2525
{% highlight razor tabtitle="CSHTML" %}
2626
{% include code-snippet/chat-ui/globalization/localization/tagHelper %}
2727
{% endhighlight %}
28+
{% highlight c# tabtitle="Localization.cs" %}
29+
{% include code-snippet/chat-ui/globalization/localization/timestamp.cs %}
30+
{% endhighlight %}
2831
{% endtabs %}
2932

3033
![Localization](images/localization.png)
@@ -37,6 +40,9 @@ RTL provides an option to switch the text direction and layout of the Chat UI co
3740
{% highlight razor tabtitle="CSHTML" %}
3841
{% include code-snippet/chat-ui/globalization/rtl/tagHelper %}
3942
{% endhighlight %}
43+
{% highlight c# tabtitle="Rtl.cs" %}
44+
{% include code-snippet/chat-ui/globalization/rtl/defaultMessages.cs %}
45+
{% endhighlight %}
4046
{% endtabs %}
4147

4248
![RTL](images/rtl.png)

ej2-asp-core-mvc/chat-ui/EJ2_ASP.NETCORE/header.md

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,9 @@ You can use [showHeader](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusio
1818
{% highlight razor tabtitle="CSHTML" %}
1919
{% include code-snippet/chat-ui/header/showHeader/tagHelper %}
2020
{% endhighlight %}
21+
{% highlight c# tabtitle="ShowHeader.cs" %}
22+
{% include code-snippet/chat-ui/header/showHeader/showHeader.cs %}
23+
{% endhighlight %}
2124
{% endtabs %}
2225

2326
![ShowHeader](images/show-header.png)
@@ -30,6 +33,9 @@ You can use the [headerText](https://help.syncfusion.com/cr/aspnetcore-js2/Syncf
3033
{% highlight razor tabtitle="CSHTML" %}
3134
{% include code-snippet/chat-ui/header/headerText/tagHelper %}
3235
{% endhighlight %}
36+
{% highlight c# tabtitle="HeaderText.cs" %}
37+
{% include code-snippet/chat-ui/header/headerText/headerText.cs %}
38+
{% endhighlight %}
3339
{% endtabs %}
3440

3541
![HeaderText](images/header-text.png)
@@ -42,6 +48,9 @@ You can use the [headerIconCss](https://help.syncfusion.com/cr/aspnetcore-js2/Sy
4248
{% highlight razor tabtitle="CSHTML" %}
4349
{% include code-snippet/chat-ui/header/headerIcon/tagHelper %}
4450
{% endhighlight %}
51+
{% highlight c# tabtitle="HeaderIcon.cs" %}
52+
{% include code-snippet/chat-ui/header/headerIcon/headerIcon.cs %}
53+
{% endhighlight %}
4554
{% endtabs %}
4655

4756
![HeaderIcon](images/header-icon.png)
@@ -62,6 +71,9 @@ You can customize the header toolbar icons by using the `iconCss` property.
6271
{% highlight razor tabtitle="CSHTML" %}
6372
{% include code-snippet/chat-ui/header/toolbarIcon/tagHelper %}
6473
{% endhighlight %}
74+
{% highlight c# tabtitle="ToolbarIcon.cs" %}
75+
{% include code-snippet/chat-ui/header/toolbarIcon/toolbarIcon.cs %}
76+
{% endhighlight %}
6577
{% endtabs %}
6678

6779
![ToolbarIcon](images/toolbar-icon.png)
@@ -76,6 +88,9 @@ In the following example, header toolbar item type is set as `Button`.
7688
{% highlight razor tabtitle="CSHTML" %}
7789
{% include code-snippet/chat-ui/header/toolbarType/tagHelper %}
7890
{% endhighlight %}
91+
{% highlight c# tabtitle="ToolbarType.cs" %}
92+
{% include code-snippet/chat-ui/header/toolbarType/toolbarType.cs %}
93+
{% endhighlight %}
7994
{% endtabs %}
8095

8196
![ToolbarType](images/toolbar-type.png)
@@ -88,6 +103,9 @@ You can use the `text` property to set the text for the header toolbar item.
88103
{% highlight razor tabtitle="CSHTML" %}
89104
{% include code-snippet/chat-ui/header/toolbarText/tagHelper %}
90105
{% endhighlight %}
106+
{% highlight c# tabtitle="ToolbarText.cs" %}
107+
{% include code-snippet/chat-ui/header/toolbarText/toolbarText.cs %}
108+
{% endhighlight %}
91109
{% endtabs %}
92110

93111
![ToolbarText](images/toolbar-text.png)
@@ -100,6 +118,9 @@ You can use the `visible` property to specify whether to show or hide the header
100118
{% highlight razor tabtitle="CSHTML" %}
101119
{% include code-snippet/chat-ui/header/toolbarVisible/tagHelper %}
102120
{% endhighlight %}
121+
{% highlight c# tabtitle="ToolbarVisible.cs" %}
122+
{% include code-snippet/chat-ui/header/toolbarVisible/toolbarDisable.cs %}
123+
{% endhighlight %}
103124
{% endtabs %}
104125

105126
![ToolbarVisible](images/toolbar-visible.png)
@@ -112,6 +133,9 @@ You can use the `disabled` property to disable the header toolbar item. By defau
112133
{% highlight razor tabtitle="CSHTML" %}
113134
{% include code-snippet/chat-ui/header/toolbarDisable/tagHelper %}
114135
{% endhighlight %}
136+
{% highlight c# tabtitle="ToolbarDisable.cs" %}
137+
{% include code-snippet/chat-ui/header/toolbarDisable/toolbarDisable.cs %}
138+
{% endhighlight %}
115139
{% endtabs %}
116140

117141
![ToolbarDisable](images/toolbar-disable.png)
@@ -124,6 +148,9 @@ You can use the `tooltip` property to specify the tooltip text to be displayed o
124148
{% highlight razor tabtitle="CSHTML" %}
125149
{% include code-snippet/chat-ui/header/toolbarTooltip/tagHelper %}
126150
{% endhighlight %}
151+
{% highlight c# tabtitle="ToolbarTooltip.cs" %}
152+
{% include code-snippet/chat-ui/header/toolbarTooltip/toolbarTooltip.cs %}
153+
{% endhighlight %}
127154
{% endtabs %}
128155

129156
#### Setting CSS Class
@@ -134,6 +161,9 @@ You can use the `cssClass` property to customize the header toolbar item.
134161
{% highlight razor tabtitle="CSHTML" %}
135162
{% include code-snippet/chat-ui/header/toolbarCss/tagHelper %}
136163
{% endhighlight %}
164+
{% highlight c# tabtitle="ToolbarCss.cs" %}
165+
{% include code-snippet/chat-ui/header/toolbarCss/toolbarCss.cs %}
166+
{% endhighlight %}
137167
{% endtabs %}
138168

139169
![CssClass](images/toolbar-css.png)
@@ -148,6 +178,9 @@ In the following example, toolbar item type is set with `Right`.
148178
{% highlight razor tabtitle="CSHTML" %}
149179
{% include code-snippet/chat-ui/header/toolbarIcon/tagHelper %}
150180
{% endhighlight %}
181+
{% highlight c# tabtitle="ToolbarAlign.cs" %}
182+
{% include code-snippet/chat-ui/header/toolbarIcon/toolbarIcon.cs %}
183+
{% endhighlight %}
151184
{% endtabs %}
152185

153186
![ToolbarIcon](images/toolbar-icon.png)
@@ -222,6 +255,9 @@ You can use the `template` property to add custom toolbar item in the Chat UI.
222255
{% highlight razor tabtitle="CSHTML" %}
223256
{% include code-snippet/chat-ui/header/toolbarTemplate/tagHelper %}
224257
{% endhighlight %}
258+
{% highlight c# tabtitle="ToolbarTemplate.cs" %}
259+
{% include code-snippet/chat-ui/header/toolbarTemplate/toolbarTemplate.cs %}
260+
{% endhighlight %}
225261
{% endtabs %}
226262

227263
![ToolbarTemplate](images/toolbar-template.png)
@@ -234,4 +270,7 @@ The [itemClicked](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.I
234270
{% highlight razor tabtitle="CSHTML" %}
235271
{% include code-snippet/chat-ui/header/itemClicked/tagHelper %}
236272
{% endhighlight %}
273+
{% highlight c# tabtitle="ItemClicked.cs" %}
274+
{% include code-snippet/chat-ui/header/itemClicked/itemClicked.cs %}
275+
{% endhighlight %}
237276
{% endtabs %}

ej2-asp-core-mvc/chat-ui/EJ2_ASP.NETCORE/load-on-demand.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,9 @@ You can use the [loadOnDemand](https://help.syncfusion.com/cr/aspnetcore-js2/Syn
1616
{% highlight razor tabtitle="CSHTML" %}
1717
{% include code-snippet/chat-ui/loadOnDemand/tagHelper %}
1818
{% endhighlight %}
19+
{% highlight c# tabtitle="LoadOnDemand.cs" %}
20+
{% include code-snippet/chat-ui/loadOnDemand/defaultMessages.cs %}
21+
{% endhighlight %}
1922
{% endtabs %}
2023

2124
![LoadOnDemand](images/loadOnDemand.png)

0 commit comments

Comments
 (0)