Kendo TreeView bigger arrow for mobile device with bigger touch area

2 posts, 0 answers
  1. Anamika
    Anamika avatar
    124 posts
    Member since:
    Mar 2014

    Posted 02 Mar Link to this post

    Hello,

    i am using Kendo TreeView in tablet and phones. It is very difficult to expand and collapse nodes by touching as the Images are very small for touch. So i did create bigger Images and did overqrite like this

    .k-treeview .k-minus {
    background-position: 0 0;
    background: url("@Url.Content("~/Images/Actions-arrow-down-icon.png")") center center;
    width: 25px;
    height:25px;
    cursor: pointer;
    position:relative;
    left: -10px;
    top: 5px;
    }
    .k-treeview .k-plus {
    background-position: 0 0;
    background: url("@Url.Content("~/Images/Actions-arrow-right-icon.png")") center center;
    width: 25px;
    height: 25px;
    cursor: pointer;
    position:relative;
    left: -10px;
    top: 5px;
    }

    But even with bigger Images the touch is not improved. When i tap on bigger arrow it does not take the touch throughout the Image. How can i improve the touch area for mobile devices? Same is thr Problem for Kendo menu on devices. When clicked it does not seem to take touch always.

     

    Thanks

    Anamika

  2. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 04 Mar Link to this post

    Hello Anamika,

    The approach appears to be working in this Dojo snippet. Can you please adjust it, so that it shows the problem? Note that it contains a better way of showing bigger expand/collapse arrows, as it sets the TreeView padding instead of relying on relative positioning.

    Regards,
    Alex Gyoshev
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top