|
<SfTooltip Target=".e-gantt-child-taskbar"
CloseDelay="100">
<TooltipTemplates>
<Content>
<div id="demo-content" class="demo-content">
<div class="info">
<h3 class="tooltip-title">Header <hr style="margin-top: 10px;"></h3>
<p>@context.TaskName</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed turpis lorem, semper eu interdum a, viverra et magna.</p>
<p>@context.StartDate</p>
<p>@context.EndDate</p>
<button>Download ICS</button>
</div>
</div>
</Content>
</TooltipTemplates>
<div class="e-gantt-child-taskbar-inner-div e-gantt-child-taskbar" style="height:22px;border-radius:5px; background-color: #60A3D9;"></div>
</SfTooltip>
|
|
new TaskData() {
TaskId = 1,
TaskName = "Task 1",
StartDate = new DateTime(2021, 04, 12, 08, 00, 00),
EndDate = new DateTime(2021, 04, 13, 17, 00, 00),
Progress = 0,
Description = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed turpis lorem, semper eu interdum a, viverra et magna.",
Notes = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed turpis lorem, semper eu interdum a, viverra et magna."
}
|
|
public class TaskData
{
public int TaskId { get; set; }
public string TaskName { get; set; }
public string Description { get; set; }
public DateTime StartDate { get; set; }
public DateTime EndDate { get; set; }
public string Duration { get; set; }
public string Predecessor { get; set; }
public int Progress { get; set; }
public int? ParentId { get; set; }
public string Notes { get; set; }
}
|
|
<GanttTaskFields Id="TaskId"
Name="TaskName"
StartDate="StartDate"
EndDate="EndDate"
Duration="Duration"
Progress="Progress"
Dependency="Predecessor"
Notes="Notes"
ParentID="ParentId"></GanttTaskFields>
|
|
<SfTooltip Target=".e-gantt-child-taskbar"
CloseDelay="100">
<TooltipTemplates>
<Content>
<div id="demo-content" class="demo-content">
<div class="info">
<h3 class="tooltip-title">Header <hr style="margin-top: 10px;"></h3>
<p>@context.TaskName</p>
<p>@context.Notes</p>
<p>@context.StartDate</p>
<p>@context.EndDate</p>
<button>Download ICS</button>
</div>
</div>
</Content>
</TooltipTemplates>
<div class="e-gantt-child-taskbar-inner-div e-gantt-child-taskbar" style="height:22px;border-radius:5px; background-color: #60A3D9;"></div>
</SfTooltip>
|