SplitButton dropdown arrow position for ToolBar in RTL mode

3 posts, 0 answers
  1. Shawn
    Shawn avatar
    66 posts
    Member since:
    Jun 2014

    Posted 08 May 2019 Link to this post

    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.

     

  2. Ianko
    Admin
    Ianko avatar
    1915 posts

    Posted 13 May 2019 Link to this post

    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
    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.
  3. Shawn
    Shawn avatar
    66 posts
    Member since:
    Jun 2014

    Posted 14 May 2019 in reply to Ianko Link to this post

    Thank you, Ianko!  This worked perfectly.
Back to Top