Splitter Width

2 posts, 0 answers
  1. gdycus
    gdycus avatar
    10 posts
    Member since:
    Aug 2005

    Posted 22 Nov 2011 Link to this post

    How can I change the width of the splitter bars so they are easier to target on an iPad?
  2. Dimo
    Dimo avatar
    8321 posts

    Posted 23 Nov 2011 Link to this post

    Hello Grady,

    Checking with Firebug will reveal that the width of the splitbars is determined by the following CSS rules in kendo.common.css. You can either modify the file or override the width/height styles.

    .k-splitter .k-ghost-splitbar-horizontal,
    .k-splitter .k-splitbar-horizontal
        top: 0;
        width: 5px;
        border-width: 0 1px;
        background-repeat: repeat-y;

        left: 0;
        height: 5px;
        border-width: 1px 0;
        background-repeat: repeat-x;

    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top