ClientTemplate removes percent drag handle

[Ken]

When using a ClientTemplate the percent drag handle is not visible

<ClientTemplate>
<div>
            <strong class="title">#= title # </strong>
</div>
</ClientTemplate>

[Peter Milchev]

Hello Ken,

You can try the following ClientTemplate for the task along with some JavaScript in the OnClientDataBound event that will add the handle in the correct place:

<telerik:RadGantt OnClientDataBound="OnClientDataBound" ...>
<ClientTemplate>         
    <div class='rgtTaskComplete'  style="height:1.3em; width:#= 100 * parseFloat(percentComplete)#%" ></div>
    <div style="z-index:3; position:absolute; background-color:transparent; background-image:none">#= title #</div>
</ClientTemplate>

function OnClientDataBound(sender, args) {
    var tasks = sender.get_allTasks();
    // add percentage handle
    for (var i = 0; i < tasks.length; i++) {
        var $nodeWrap = $telerik.$(tasks[i].get_element().parentNode);
        if ($nodeWrap.hasClass("rgtTaskWrap") && $nodeWrap.find(".rgtDragHandle").length == 0) {
            $nodeWrap.append("<div class='rgtDragHandle' style='left:" + $nodeWrap.find('.rgtTaskComplete').width() + "px'></div>")
        }
    }
}

Regards,
Peter Milchev
Progress Telerik