This is a migrated thread and some comments may be shown as answers.

Swap panes for rtl

1 Answer 18 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
B Jones
Top achievements
Rank 1
B Jones asked on 06 Mar 2019, 08:23 PM

Is there an easy way to swap left/right panes so that the right pane would show on the left in an rtl environment? Looking at the demo, https://demos.telerik.com/kendo-ui/splitter/right-to-left-support, the left pane is always on the left and the right pane is always on the right.

 

For example:

Left-To-Right layout: [Left] [Right]

Right-To-Left layout: [Right] [Left]

 

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 08 Mar 2019, 11:34 AM
Hi,

This is a documented limitation of the splitter (see the third item in the list): https://docs.telerik.com/kendo-ui/accessibility/supporting-rtl-languages#known-limitations.

You can, however, use jQuery to determine if RTL mode is necessary, and move the elements in the DOM and reverse the panes in the collection before giving them to the splitter initialization function. Here is an example I made for you: https://dojo.telerik.com/@bratanov/EdEXexUp. Of course, depending on the situation, you may be able to render the pane elements in the different order from the server and avoid this potentially expensive DOM operation on the client.


Regards,
Marin Bratanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Splitter
Asked by
B Jones
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or