Skip to content

Commit f3d7dc3

Browse files
committed
Sync with Kendo UI Professional
1 parent 5031b3b commit f3d7dc3

File tree

13 files changed

+696
-50
lines changed

13 files changed

+696
-50
lines changed

docs/_config.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -680,6 +680,8 @@ navigation:
680680
title: "Upload"
681681
"*window":
682682
title: "Window"
683+
"*aiprompt":
684+
title: "AIPrompt"
683685
"*hello-kendo-ui":
684686
title: "Hello Kendo UI"
685687
"*home-page":

docs/accessibility/keyboard-support.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ Keyboard support in Kendo UI maps access-key combinations and ensures that users
2424

2525
Besides the `accesskey` attribute support, most Kendo UI components also offer a series of keyboard controls for interacting with them. The specific keyboard shortcuts supported by each component are provided in the following keyboard examples.
2626

27+
- [AIPrompt](https://demos.telerik.com/kendo-ui/aiprompt/keyboard-navigation)
2728
- [AutoComplete](https://demos.telerik.com/kendo-ui/autocomplete/keyboard-navigation)
2829
- [BottomNavigation](https://demos.telerik.com/kendo-ui/bottomnavigaiton/keyboard-navigation)
2930
- [Breadcrumb](https://demos.telerik.com/kendo-ui/breadcrumb/keyboard-navigation)

docs/accessibility/wcag.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@ The following table lists the Section 508 and WCAG compliance levels of support
2323
|Component |WCAG 2.2| Accessibility Example |
2424
|:--- |:---|:---
2525
|ActionSheet |AA | [Demo](https://demos.telerik.com/kendo-ui/accessibility/actionsheet)|
26+
|AIPrompt |AA | n/a|
2627
|AppBar |AA | [Demo](https://demos.telerik.com/kendo-ui/accessibility/appbar)|
2728
|AutoComplete |AA | [Demo](https://demos.telerik.com/kendo-ui/accessibility/autocomplete)|
2829
|Avatar |AA | [Demo](https://demos.telerik.com/kendo-ui/accessibility/avatar)|

docs/api/javascript/ui/treelist.md

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5903,6 +5903,67 @@ The name of the toolbar command. Can be either a built-in ("create", "excel", or
59035903
});
59045904
</script>
59055905

5906+
5907+
### toolbar.template `String|Function`
5908+
5909+
The [template](/api/javascript/kendo/methods/template) which renders the command. By default renders a button. Uses the template for a ToolBar item [toolbar.items.template](/api/javascript/ui/toolbar/configuration/items.template)
5910+
5911+
#### Example - set the template as a function
5912+
5913+
<div id="treelist"></div>
5914+
<script id="template" type="text/x-kendo-template">
5915+
<a class="k-button" href="\#" onclick="return toolbar_click()">Command</a>
5916+
</script>
5917+
<script>
5918+
function toolbar_click() {
5919+
/* The result can be observed in the DevTools(F12) console of the browser. */
5920+
console.log("Toolbar command is clicked!");
5921+
return false;
5922+
}
5923+
$("#treelist").kendoTreeList({
5924+
toolbar: [
5925+
{ template: kendo.template($("#template").html()) }
5926+
],
5927+
columns: [
5928+
{ field: "name" },
5929+
{ field: "age" }
5930+
],
5931+
dataSource: [
5932+
{ name: "Jane Doe", age: 30 },
5933+
{ name: "John Doe", age: 33 }
5934+
]
5935+
});
5936+
</script>
5937+
5938+
> Check [Toolbar template](https://demos.telerik.com/kendo-ui/treelist/toolbar-template) for a live demo.
5939+
5940+
#### Example - set the template as a string
5941+
5942+
<div id="treelist"></div>
5943+
<script>
5944+
function toolbar_click() {
5945+
/* The result can be observed in the DevTools(F12) console of the browser. */
5946+
console.log("Toolbar command is clicked!");
5947+
return false;
5948+
}
5949+
$("#treelist").kendoTreeList({
5950+
toolbar: [
5951+
{
5952+
template: '<a class="k-button" href="\\#" onclick="return toolbar_click()">Command</a>'
5953+
}
5954+
],
5955+
columns: [
5956+
{ field: "name" },
5957+
{ field: "age" }
5958+
],
5959+
dataSource: [
5960+
{ name: "Jane Doe", age: 30 },
5961+
{ name: "John Doe", age: 33 }
5962+
]
5963+
});
5964+
</script>
5965+
5966+
59065967
### toolbar.text `String`
59075968

59085969
The text that is displayed by the command button. If not set, the TreeList will use the [`name`](/api/javascript/ui/treelist#configuration-toolbar.name)` option as the button text instead.
Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
title: Keyboard Navigation
3+
page_title: jQuery AIPrompt Documentation - Keyboard Navigation
4+
description: "Get started with the jQuery AIPrompt by Kendo UI and learn about the accessibility support it provides through its keyboard navigation functionality."
5+
slug: keynav_aiprompt_jquery
6+
position: 2
7+
---
8+
9+
# Keyboard Navigation
10+
11+
The keyboard navigation of the AIPrompt is always available.
12+
13+
Kendo UI AIPrompt supports the following keyboard shortcuts:
14+
15+
| SHORTCUT | DESCRIPTION |
16+
|:--- |:--- |
17+
| `Enter`/`Space` | When the toolbar is focused, selects the focused view. When a panel item is focused, expands or collapses the item. When a button is focused, triggers the click event.|
18+
| `Tab` | Navigates to the next structure element of the AIPrompt&mdash;either the header, the content, or the footer element.|
19+
| `Shift`+`Tab` | Navigates to the previous structure element of the AIPrompt&mdash;either the header, the content, or the footer element.|
20+
| `Up/Down Arrows` | Navigates to the next/previous item when a panel is focused.|
21+
| `Right/Left Arrows` | Navigates to the next/previous view button when the toolbar is focused.|
22+
23+
For a complete example, refer to the [demo on keyboard navigation of the AIPrompt](https://demos.telerik.com/kendo-ui/aiprompt/keyboard-navigation).
24+
25+
## See Also
26+
27+
* [Keyboard Navigation by the AIPrompt (Demo)](https://demos.telerik.com/kendo-ui/aiprompt/keyboard-navigation)
28+
* [Keyboard Support in Kendo UI for jQuery]({% slug keyboard_shortcuts_accessibility_support %})
29+
* [Accessibility in the AIPrompt]({% slug accessibility_kendoui_aiprompt_component %})
Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
---
2+
title: Overview
3+
page_title: jQuery AIPrompt Documentation - AIPrompt Accessibility
4+
description: "Get started with the jQuery AIPrompt and learn about its accessibility support for WAI-ARIA, Section 508, and WCAG 2.2."
5+
slug: accessibility_kendoui_aiprompt_component
6+
position: 1
7+
---
8+
9+
# AIPrompt Accessibility
10+
11+
The AIPrompt is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.2, and keyboard support.
12+
13+
For more information, refer to:
14+
* [Keyboard navigation by the Kendo UI AIPrompt]({% slug keynav_aiprompt_jquery %})
15+
* [Accessibility in Kendo UI for jQuery]({% slug overview_accessibility_support_kendoui %})
16+
17+
## WAI-ARIA
18+
19+
The component follows the WAI-ARIA Authoring Practices for implementing the keyboard navigation for its component role and is tested against the popular screen readers. For more information, refer to the article on [WAI-ARIA support in Kendo UI for jQuery]({% slug wai_aria_accessibility_support %}).
20+
21+
## Section 508
22+
23+
The AIPrompt is compliant with the Section 508 requirements. For more information, refer to the article on [Section 508 support in Kendo UI for jQuery]({% slug section508_accessibility_support %}).
24+
25+
## WCAG 2.2
26+
27+
The AIPrompt supports the standards for providing accessible web content which are set by the [Web Content Accessibility Guidelines 2.1](https://www.w3.org/TR/WCAG/). For more information, refer to the article on [WCAG 2.2 compliance in Kendo UI for jQuery]({% slug section508_wcag21_accessibility_support %})
28+
29+
## See Also
30+
31+
* [Keyboard Navigation by the AIPrompt (Demo)](https://demos.telerik.com/kendo-ui/aiprompt/keyboard-navigation)
32+
* [Keyboard Navigation by the AIPrompt]({% slug keynav_aiprompt_jquery %})
33+
* [Keyboard Support in Kendo UI for jQuery]({% slug keyboard_shortcuts_accessibility_support %})
34+
* [Accessibility in Kendo UI for jQuery]({% slug overview_accessibility_support_kendoui %})

0 commit comments

Comments
 (0)