SplitButton dropdown arrow position for ToolBar in RTL mode

[Shawn]

Hello,

I am using a Kendo Toobar in RTL mode, and I have a couple of SplitButtons on it.  I have two questions:

1- Since the Toolbar is set to display its contents in Right-to-Left (RTL) mode, the drop-down arrows for the SplitButtons are displaying on the left side (which is understandable).  However, I would like these arrows to display on the right side of the SplitButtons.  How can I achieve this?

2- There is a line separating the drop-down arrow and its text (please see image).  How do I remove this line so that it's one smooth box?

 

Thanks,

Shawn A.

 

[Ianko]

Hello Shawn,

You can use the following styles to achieve that: 

.k-rtl .k-toolbar .k-split-button {
  direction: ltr;
}

.k-toolbar .k-split-button .k-split-button-arrow {
  border-left: 0;
}

Here you are an example: https://dojo.telerik.com/ocOwekoZ

Regards,
Ianko
Progress Telerik

[Shawn]

Thank you, Ianko!  This worked perfectly.