Skip to content

Commit 2522e1a

Browse files
author
Kendo Bot
committed
Sync with Kendo UI Professional
1 parent e553e44 commit 2522e1a

File tree

18 files changed

+127
-99
lines changed

18 files changed

+127
-99
lines changed

docs-aspnet-core/_layouts/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,8 @@
2020
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.6.0/mode/css/css.min.js"></script>
2121
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.6.0/mode/xml/xml.min.js"></script>
2222
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.6.0/mode/htmlmixed/htmlmixed.min.js"></script>
23+
<!--GDPR and Coockies Consent Message -->
24+
<script src="https://optanon.blob.core.windows.net/consent/2fffb1c2-c64a-4fcc-bc19-a4adecbc5ebf-test.js" type="text/javascript" charset="UTF-8"></script>
2325
{% javascript prettify %}
2426
{% javascript app %}
2527
{% if page.editableExample == "true" %}

docs-aspnet-core/helpers/html-helpers/chat.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,15 @@ position: 9
1010

1111
The Chat HtmlHelper extension is a server-side wrapper for the [Kendo UI Chat](https://demos.telerik.com/kendo-ui/chat/index) widget.
1212

13-
The Kendo UI Chat widget allows for integration with any Bot framework, due to its simplicity, flexible API and customizable templates. The widget supports out-of-the-box default [Cards](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#default-cards) and [Actions](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#default-actions). It also allows the configuration of [Custom Templates](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#custom-templates) and [Custom Components](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#custom-components).
13+
The Chat widget allows the user to participate in chat sessions with other users or with chat bots. The widget provides support for default [cards](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#default-cards) and [actions](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#default-actions), and enables the configuration of [custom templates](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#custom-templates) and [custom components](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#custom-components).
1414

15-
For additional information on new Kendo UI Chat features, refer to the [Kendo UI Roadmap](http://www.telerik.com/support/whats-new/kendo-ui-web/roadmap).
15+
For more information on new Chat features, refer to the [Kendo UI Roadmap](http://www.telerik.com/support/whats-new/kendo-ui-web/roadmap).
1616

1717
For more information on the HtmlHelper, refer to the article on the [Chat HtmlHelper for ASP.NET MVC](http://docs.telerik.com/aspnet-mvc/helpers/chat/overview).
1818

1919
## Basic Usage
2020

21-
The following example demonstrates how to define a Chat by using the Chat HtmlHelper.
21+
The following example demonstrates how to define the Chat by using the Chat HtmlHelper.
2222

2323
###### Example
2424

@@ -31,7 +31,7 @@ The following example demonstrates how to define a Chat by using the Chat HtmlHe
3131

3232
## Configuration
3333

34-
The following example demonstrates the configuration options available for the Chat HtmlHelper.
34+
The following example demonstrates the configuration options that are available for the Chat HtmlHelper.
3535

3636
###### Example
3737

docs-aspnet-core/helpers/tag-helpers/chat.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,21 +7,21 @@ slug: taghelpers_chat_aspnetcore
77

88
# Chat TagHelper Overview
99

10-
The Chat tag helper allows you to configure the Kendo UI Chart widget in ASP.NET Core applications. It is a server-side wrapper for the [Kendo UI Chat](https://demos.telerik.com/kendo-ui/chat/index) widget.
10+
The Chat tag helper is a server-side wrapper for the [Kendo UI Chat for jQuery](https://demos.telerik.com/kendo-ui/chat/index) and allows you to configure the widget in ASP.NET Core applications.
1111

12-
The Kendo UI Chat widget allows for integration with any Bot framework, due to its simplicity, flexible API and customizable templates. The widget supports out-of-the-box default [Cards](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#default-cards) and [Actions](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#default-actions). It also allows the configuration of [Custom Templates](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#custom-templates) and [Custom Components](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#custom-components).
12+
The Chat widget allows the user to participate in chat sessions with other users or with chat bots. The widget provides support for default [cards](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#default-cards) and [actions](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#default-actions), and enables the configuration of [custom templates](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#custom-templates) and [custom components](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#custom-components).
1313

1414
## Basic Usage
1515

16-
The following example demonstrates how to define a Chat by using the Chat tag helper.
16+
The following example demonstrates how to define the Chat by using the Chat tag helper.
1717

1818
###### Example
1919

2020
<kendo-chat name="chat"></kendo-chat>
2121

2222
## Configuration
2323

24-
The following example demonstrates the configuration options available for the Chat tag helper.
24+
The following example demonstrates the configuration options that are available for the Chat tag helper.
2525

2626
###### Example
2727

docs-aspnet-core/helpers/tag-helpers/grid.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,11 +19,13 @@ The following example demonstrates how to define the Grid by using the Grid tag
1919

2020
## Configuration
2121

22-
The Grid tag helper configuration options are passed as attributes of the tag. The Grid uses the [DataSource tag helper]({% slug taghelpers_datasource_aspnetcore %}) to bind its data.
22+
The Grid tag helper configuration options are passed as attributes of the tag. The Grid uses the [DataSource tag helper]({% slug taghelpers_datasource_aspnetcore %}) to bind its data.
2323

2424
> **Important**
2525
>
26-
> With Grid Tag Helper setting a field `type` in the DataSource's schema model is required in order to parse the value to a proper data type.
26+
> To parse the value to a proper data type, set a `type` field in the DataSource schema model of the Grid tag helper.
27+
28+
For more information on the configuration options of the Grid, refer to the overview of the [MVC Grid HtmlHelper](https://docs.telerik.com/aspnet-mvc/helpers/grid/overview).
2729

2830
###### Example
2931

@@ -84,7 +86,6 @@ The Grid tag helper configuration options are passed as attributes of the tag. T
8486
)
8587
)
8688
```
87-
For more details on the Grid configurations, refer to the overview of the [MVC Grid HtmlHelper](https://docs.telerik.com/aspnet-mvc/helpers/grid/overview).
8889

8990
## Hierarchy
9091

docs-aspnet-core/vs-integration/new-project-wizard.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -32,9 +32,10 @@ For convenience, the same project templates are located under the **Visual C#**
3232

3333
The wizard detects all installed versions of Telerik UI for ASP.NET Core and lists them in the **Version** combobox. This enables you to select a version you want to apply to your project.
3434

35-
Since 2018 R2 release the **Create New Project Wizard** in Visual Studio 2017 allows selection of **Target Framework**. In order to enable the Target Framework dropdown:
36-
* .Net Framework 4.6.2 should be installed
37-
* .Net version should be checked in the list of Individual components. To open Visual Studio Installer go to **Tools** > **Get Tools and Features**. Then in Visual Studio Installer select **Individual components** tab and check .NET Framework 4.6.2 targeting pack and .NET Framework 4.6.2 SDK.
35+
As of the 2018 R2 release, the **Create New Project Wizard** in Visual Studio 2017 allows the selection of a **Target Framework**. To enable the **Target Framework** dropdown:
36+
37+
1. Install .Net Framework version 4.6.2.
38+
1. Check the .Net version in the list of Individual components. To open Visual Studio Installer, go to **Tools** > **Get Tools and Features**. In Visual Studio Installer, select the **Individual components** tab and check the .NET Framework 4.6.2 targeting pack and .NET Framework 4.6.2 SDK.
3839

3940
**Figure 1. New Project Wizard**
4041

@@ -54,7 +55,7 @@ After configuring the project settings, click **Finish** to start creating the n
5455
As a result, the wizard:
5556

5657
* Creates a new ASP.NET Core application.
57-
* Adds CDN references for Kendo styles and scripts in the project`s Layout file.
58+
* Adds CDN references for the Kendo UI styles and scripts to the `Layout` file of the project.
5859
* Copies all Kendo UI editor templates.
5960
* Adds a package reference to the `Telerik.UI.for.AspNet.Core` NuGet package.
6061

docs-aspnet-mvc/_layouts/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,8 @@
2020
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.6.0/mode/css/css.min.js"></script>
2121
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.6.0/mode/xml/xml.min.js"></script>
2222
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.6.0/mode/htmlmixed/htmlmixed.min.js"></script>
23+
<!--GDPR and Coockies Consent Message -->
24+
<script src="https://optanon.blob.core.windows.net/consent/2fffb1c2-c64a-4fcc-bc19-a4adecbc5ebf-test.js" type="text/javascript" charset="UTF-8"></script>
2325
{% javascript prettify %}
2426
{% javascript app %}
2527
{% if page.editableExample == "true" %}

docs-aspnet-mvc/helpers/chat/overview.md

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,15 @@ position: 1
1010

1111
The Chat HtmlHelper extension is a server-side wrapper for the [Kendo UI Chat](https://demos.telerik.com/kendo-ui/chat/index) widget.
1212

13-
The Chat widget allows for integration with any Bot framework, due to its simplicity, flexible API and customizable templates.
13+
The Chat widget allows the user to participate in chat sessions with other users or with chat bots. The widget provides support for default [cards](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#default-cards) and [actions](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#default-actions), and enables the configuration of [custom templates](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#custom-templates) and [custom components](http://docs.telerik.com/kendo-ui/controls/conversational-ui/chat/overview#custom-components).
14+
15+
For more information on new Chat features, refer to the [Kendo UI Roadmap](http://www.telerik.com/support/whats-new/kendo-ui-web/roadmap).
1416

1517
## Getting Started
1618

1719
### Create the Chat
1820

19-
The following HtmlHelper declaration will create a Chat widget with *name* and *id* set to `"chat"`:
21+
The following example demonstrates how to use the HtmlHelper declaration to create a Chat widget with its `name` and `id` set to `"chat"`.
2022

2123
###### Example
2224

@@ -33,7 +35,7 @@ The following HtmlHelper declaration will create a Chat widget with *name* and *
3335

3436
## Event Handling
3537

36-
You can subscribe to all Chat [events](http://docs.telerik.com/kendo-ui/api/javascript/ui/chat). Here are the available approaches that would allow you to do so.
38+
You can subscribe to all Chat [events](http://docs.telerik.com/kendo-ui/api/javascript/ui/chat) either by a [handler name](#by-handler-name) or by a [template delegate](#by-template-delegate).
3739

3840
### By Handler Name
3941

@@ -73,7 +75,7 @@ The following example demonstrates how to subscribe to events by a handler name.
7375
function onPost() {
7476
//Handle the post event.
7577
}
76-
78+
7779
function onSendPessage() {
7880
//Handle the sendMessage event.
7981
}

docs-aspnet-mvc/vs-integration/new-project-wizard.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ After configuring the project settings, click **Finish** to start the creation o
5050

5151
As a result, the wizard:
5252
* Creates a new ASP.NET MVC application.
53-
* Adds CDN references in the Layout file of the project for all Kendo UI styles and scripts. This includes the `vsdoc` script that enables the Visual Studio IntelliSense feature. If you prefer to have the scripts locally, you could disable the CDN Support through [Configure Project]({% slug projectwizardconfig_visualstudio_aspnetmvc %})
53+
* Adds CDN references in the Layout file of the project for all Kendo UI styles and scripts. This includes the `vsdoc` script that enables the Visual Studio IntelliSense feature. If you prefer to have the scripts locally, disable the CDN Support through the [configure project]({% slug projectwizardconfig_visualstudio_aspnetmvc %}) workflow.
5454
* Copies all Kendo UI editor templates.
5555
* (Optional) Copies the Kendo UI assembly to your solution folder&mdash;it is possible to change this setting in the [Visual Studio Extensions Options]({% slug vsextensionsoptions_visualstudio_aspnetmvc %}).
5656
* Adds a reference to the `Kendo.Mvc` assembly.

docs/_layouts/index.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,8 @@
2727
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.6.0/mode/css/css.min.js"></script>
2828
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.6.0/mode/xml/xml.min.js"></script>
2929
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.6.0/mode/htmlmixed/htmlmixed.min.js"></script>
30+
<!--GDPR and Coockies Consent Message -->
31+
<script src="https://optanon.blob.core.windows.net/consent/2fffb1c2-c64a-4fcc-bc19-a4adecbc5ebf-test.js" type="text/javascript" charset="UTF-8"></script>
3032
{% javascript prettify %}
3133
{% javascript app %}
3234
{% if page.editableExample == "true" %}
@@ -49,6 +51,7 @@
4951
<![endif]-->
5052
</head>
5153
<body>
54+
5255
<!-- Google Tag Manager -->
5356
<noscript>
5457
<iframe src="//www.googletagmanager.com/ns.html?id={{site.google_tag_manager}}" height="0" width="0" style="display: none; visibility: hidden"></iframe>

docs/controls/conversational-ui/chat/configure-chat-agent.md

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,21 @@
11
---
2-
title: Connect to Chatbot service
3-
page_title: Connect to Chatbot | Kendo UI Chat
4-
description: "Learn how to configure and connect the Kendo UI Chat widget to an existing Bot framework / service of choice."
2+
title: Connecting to Chat Bot Services
3+
page_title: Connecting to Chat Bot Services | Kendo UI Chat
4+
description: "Configure and connect the Kendo UI Chat widget to an existing Bot framework / service of choice."
55
slug: connect_to_chatbot_service
66
position: 2
77
---
88

9-
# Connect to Any Service
9+
# Connecting to Chat Bot Services
1010

11-
In order to connect the [Kendo UI Chat](http://demos.telerik.com/kendo-ui/chat/index) to any service, one has to utilize the post event of the widget, and its public [API](/api/javascript/ui/chat) to render the responses from the service. To encapsulate the communication with the specific service an `agent` class can be used.
11+
To connect the [Chat](http://demos.telerik.com/kendo-ui/chat/index) to any service and render the responses from the service, utilize the `post` event of the widget and its public [API](/api/javascript/ui/chat).
1212

13-
## Configure the Chat Agent
1413

15-
The `agent` class handles the communication with the external Chatbot service. Within the `init` method the connection to the service is established, and the appropriate events are bound, so that the agent can receive the responses.
14+
## Configure the Chat Agent
1615

17-
For the needs of the below example the [Microsoft Bot Framework](https://dev.botframework.com/) is used. You will notice that the `agent` is subscribed to listen for any `activity$` of the remote service. When such is detected, the appropriate method from the Chat public API is invoked to render the data.
16+
To encapsulate the communication with the specific service, use an `agent` class. The `agent` class handles the communication with the external Chat Bot service. The establishment of the connection to the service and the binding of the appropriate events are done within the `init` method. In this way, the agent is able to receive the responses.
1817

19-
To handle user input the [`post`](/api/javascript/ui/chat/events/post) event handler of the Kendo UI Chat widget is implemented, and the arguments are passed to the Chatbot service:
18+
The following example uses the [Microsoft Bot Framework](https://dev.botframework.com/). The `agent` is subscribed to listen for any `activity$` of the remote service. When an activity is detected, the appropriate method from the Chat public API is invoked to render the data. To handle the user input, the example implements the [`post`](/api/javascript/ui/chat/events/post) event handler of the Chat and the arguments are passed to the Chat Bot service.
2019

2120
```html
2221
<div id="chat"></div>

0 commit comments

Comments
 (0)