$options->TaskEndTimeProperty = "EndTime";
$options->ParentTaskItemTemplate = "<div class='parentBar-style'><div class='rq-taskbar-dragThumb'></div><div class='rq-taskbar-resizeThumb'></div><div class='start-resizeThumb'></div><div class='rq-gc-parentBar-leftCue'></div><div class='rq-gc-parentBar-middle'></div><div class='rq-gc-parentBar-rightCue'></div></div>";
$options->ParentTaskStartTimeProperty = "PStartTime";
$options->ParentTaskEndTimeProperty = "PEndTime";
$options->TasksListProperty = "Tasks";
//GanttChart options.
$GanttChartOptions = new RadiantQ\Gantt\GanttChartOptions();
$GanttChartOptions->AnchorTime = new DateTime("2014-04-04");
$options->GanttChartOptions = $GanttChartOptions;
$ganttSetttings->Options = $options;
//Ganttcontrol initialization.
$gantt = new RadiantQ\UI\FlexyGantt($ganttSetttings);
//Setting attributes to Ganttcontrol elements.
$gantt->setStyleAttribute("width", "100%")->setStyleAttribute("height", "100%")->setAttribute("id", "gantt_container");
//To render the FlexyGantt.
echo $gantt->Render();
?>
</div>
<script id="flexyGanttNameColumnTemplate" type="text/x-jquery-tmpl">
<div class="rq-grid-expand-indentWidth" style="height: 1px; width: ${RadiantQ.Gantt.LevelToIndentWidth(data.Level(), data.IsParentType())}px"></div>
<div style="width: 12px; display: ${data.IsParentType() ? "block" : "none" }" class="arrowContainer">
<div onclick="ExpanderOnclick(this,event)" id="arrow" class="${data.HierarchicalItem.IsExpanded() ? "rq-grid-expand-arrow rq-grid-collapse-arrow": "rq-grid-expand-arrow"} rq-Ignore-click"></div>
</div>
<div class="rq-grid-expander-text">${nameConverter(data)}</div>
</script>
<script id="flexyGantNameEditor" type="text/x-jquery-tmpl">
<div class="rq-grid-expand-indentWidth" style="height: 1px; width: ${RadiantQ.Gantt.LevelToIndentWidth(data.Level(), data.IsParentType())}px"></div>
<div style="width: 12px; display: ${data.IsParentType() ? (data.HierarchicalItem.CanShowCue() ? "block" :"none") : "none"}" class="arrowContainer">
<div onclick="ExpanderOnclick(this,event)" id="arrow" class="${data.HierarchicalItem.IsExpanded() ? " rq-grid-expand-arrow rq-grid-collapse-arrow": "rq-grid-expand-arrow"} rq-Ignore-click"></div>
</div>
<div class="rq-grid-expander-text">
$options1->TaskStartTimeProperty = "StartTime";
$options1->TasksListProperty = "Tasks";
$options1->TaskEndTimeProperty = "EndTime";
$options1->UseVirtualization = true;
$options1->OverlappedTasksRenderingOptimization = "ShrinkHeight";
$options1->TablePanelWidth = 500;
//GanttChart options.
$GanttChartOptions1 = new RadiantQ\Gantt\GanttChartOptions();
$options1->GanttChartOptions = $GanttChartOptions1;
$ganttSetttings1->Options = $options1;
//Ganttcontrol initialization.
$gantt1 = new RadiantQ\UI\FlexyGantt($ganttSetttings1);
//Setting attributes to Ganttcontrol elements.
$gantt1->setStyleAttribute("width", "100%")->setStyleAttribute("height", "50%")->setAttribute("id", "flexyGantt");
//To render the FlexyGantt.
echo $gantt1->Render();
?>
</div>
<script id="projectGanttNameTemplate" type="text/x-jquery-tmpl">
<div class="rq-grid-expand-indentWidth" style="height: 1px; width: ${data.IndentWidth}px"></div>
<div style="width: 12px; display: ${data.IsParent ? "block" :"none" }" class="arrowContainer">
<div onclick="ExpanderOnclick(this,event)" id="arrow" class="${ data.IsExpanded ? " rq-grid-expand-arrow rq-grid-collapse-arrow": "rq-grid-expand-arrow"} rq-Ignore-click"></div>
</div>
<div class="rq-grid-expander-text">${data.Activity.ActivityName}</div>
</script>
<script id="projectGanttNameEditor" type="text/x-jquery-tmpl">
<div class="rq-grid-expand-indentWidth" style="height: 1px; width: ${data.IndentWidth_M()}px"></div>
<div style="width: 12px; display: ${data.IsParent_M() ? "block" :"none" }" class="arrowContainer">
<div onclick="ExpanderOnclick(this,event)" id="arrow" class="${ data.IsExpanded_M() ? " rq-grid-expand-arrow rq-grid-collapse-arrow": "rq-grid-expand-arrow"} rq-Ignore-click"></div>
</div>
<div class="rq-grid-expander-text"><input data-bind='value: Activity_M().ActivityName_M' /></div>
