[Solved] How to increase size of area that triggers the resizing handle on hover

[Tim Hardy]

Hi there

I am using a RadGrid with ClientSettings.Resizing.AllowColumnResize set to true;

However, I have a user who is finding it difficult to position his cursor at the point needed to trigger the "Drag to resize" resizing handle cursor. He is not able to position the cursor that accurately. 

I am struggling to work out where to make the changes needed to increase the size of the area in which he needs to hover the cursor so that he doesn't have to be so precise in his positioning. Could anyone please advise me as to the best way to do this?

Thanks in advance

Tim

[Dimo]

Hi Tim,

Here is how to do this. The default resize tolerance is 5 pixels. Set it to any value you prefer.

ASPX

<telerik:RadGrid
    ID="RadGrid1"
    runat="server"
    Skin="Office2007"
    OnNeedDataSource="RadGrid_NeedDataSource">
    <ClientSettings>
        <Resizing AllowColumnResize="true" />
        <ClientEvents OnGridCreated="MyGridCreated" />
    </ClientSettings>
</telerik:RadGrid>

Javascript

function MyGridCreated(sender, args)
{
    var cols = sender.get_masterTableView().get_columns();
    for (var j = 0; j < cols.length; j++)
    {
        cols[j]._resizeTolerance = 20;
    }
}

Greetings,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Tim Hardy]

Many thanks Dimo. That worked perfectly.