从右到左的语言
从右向左(RTL)支持指的是库、网站或应用程序处理和响应使用从右向左语言(如阿拉伯语、希伯来语、汉语或日语)进行通信的用户的能力。
大多数web用户的默认语言输入是从左到右。然而,许多网站和应用程序也希望为他们的访问者提供RTL支持。RTL功能更多地属于国际化领域,但也可以视为可访问性特性。毕竟,RTL是为了让使用从右到左语言的访问者更容易获得用户体验。
配置
除非您正在构建专门使用RTL语言的应用程序,否则基于外部输入(例如语言选择或来自访问者的用户代理的信息)应用RTL支持特性是很直观的。在这种情况下,您可以应用k-rtl
类在运行时使用jQueryaddClass
方法。
例如,如果您希望允许用户通过从下拉列表中选择语言或单击按钮来触发RTL支持:
- 方法将按钮添加到页面
设置。
- 为按钮添加单击处理程序,并通过添加或删除RTL支持
k-rtl
类添加到表单中,在本例中,是为其指定ID的表单字段的集合speakerForm
.有了该处理程序,用户现在可以按需触发RTL支持。
$ (" # toggleRTL”)。on('click', function(event) {var form = $('#speakerForm');if (form.hasClass('k-rtl')) {form.removeClass('k-rtl')} else {form.addClass('k-rtl');}})
支持Telerik UI for ASP。NET MVC组件
下表列出了用于ASP的Telerik UI。NET MVC组件that support rendering of content in a right-to-left direction for right-to-left languages, such as Arabic, Hebrew, Chinese, or Japanese.
组件 | RTL的支持 | 演示 |
---|---|---|
自动完成 | 是的 | 浏览 |
BottomNavigation | 是的 | 浏览 |
面包屑 | 是的 | 浏览 |
按钮 | 是的 | 浏览 |
ButtonGroup | 是的 | 浏览 |
日历 | 是的 | 浏览 |
图表 | 是的 | 浏览 |
CheckBoxGroup | 是的 | 浏览 |
组合框 | 是的 | 浏览 |
DateInput | 是的 | 浏览 |
DatePicker | 是的 | 浏览 |
DateTimePicker | 是的 | 浏览 |
对话框 | 是的 | 浏览 |
DropDownList | 是的 | 浏览 |
DropDownTree | 是的 | 浏览 |
编辑器 | 是的 | 浏览 |
ExpansionPanel | 是的 | 浏览 |
文件管理 | 是的 | 浏览 |
FloatingActionButton | 是的 | 浏览 |
甘特 | 是的 | 浏览 |
网格 | 是的 | 浏览 |
列表框 | 是的 | 浏览 |
列表视图 | 是的 | 浏览 |
MaskedTextbox | 是的 | 浏览 |
菜单 | 是的 | 浏览 |
MultiColumnComboBox | 是的 | 浏览 |
多选 | 是的 | 浏览 |
通知 | 是的 | 浏览 |
NumericTextbox | 是的 | 浏览 |
PanelBar | 是的 | 浏览 |
RadioGroup | 是的 | 浏览 |
调度器 | 是的 | 浏览 |
滑块 | 是的 | 浏览 |
分束器 | 是的 | 浏览 |
步进 | 是的 | 浏览 |
开关 | 是的 | 浏览 |
TabStrip | 是的 | 浏览 |
的周期 | 是的 | 浏览 |
文本区域 | 是的 | 浏览 |
文本框 | 是的 | 浏览 |
TimePicker | 是的 | 浏览 |
树状视图 | 是的 | 浏览 |
上传 | 是的 | 浏览 |
窗口 | 是的 | 浏览 |
已知的限制
- 垂直滚动条的位置可能在左边或右边,这取决于所使用的浏览器。这不能通过CSS或脚本控制。
- Kendo UI ListView小部件的布局完全依赖于已定义的模板。小部件本身没有将现有的LTR模板转换为RTL布局。如果一个
k-rtl
CSS类存在并应用于包装器元素时,文本方向将被颠倒,但浮动、边距、填充等将保持它们的方向。 - 剑道UI分割器在RTL模式下不会反转其窗格的顺序。