Kendo TreeView bigger arrow for mobile device with bigger touch area

[Anamika]

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

[Alex Gyoshev]

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