Hi Tomasz,
We can prevent taskbar editing element when hover on it by following work-around. In Gantt, we have a client-side event called queryTaskbarInfo which will be triggered whenever the taskbar changes. By using this event, we can change the CSS styles to prevent the taskbar editing element.
Please find the code example below.
|
<template>
<div>
<ejs-gantt ref='gantt' :dataSource="data" id="GanttContainer"
:queryTaskbarInfo="queryTaskbarInfo">
</ejs-gantt>
</div>
</template>
<script>
export default {
methods:{
queryTaskbarInfo:function (args) {
if (args.data.TaskID == 3) {
args.taskbarElement.id = 'preventEdit'
}
}
}
};
</script>
<style>
#preventEdit
{
cursor: auto !important
}
.e-gantt-chart #preventEdit .e-right-resize-gripper,
.e-gantt-chart #preventEdit .e-left-resize-gripper,
.e-gantt-chart #preventEdit .e-progress-resize-gripper,
.e-gantt-chart #preventEdit .e-left-connectorpoint-outer-div,
.e-gantt-chart #preventEdit .e-right-connectorpoint-outer-div
{
display: none;
}
</style> |
Please find the below sample link.
Please get back to us if you require further assistance on this.
Regards,
Jesus Arockia Sankaran S
