$hourHeader = new RadiantQ\Gantt\TimeScaleHeaderDefinition();
$hourHeader->Type = RadiantQ\Gantt\TimeScaleType::Hours;
$hourHeader->Name = "hourHeader";
$weekHeader = new RadiantQ\Gantt\TimeScaleHeaderDefinition();
$weekHeader->Type = RadiantQ\Gantt\TimeScaleType::Weeks;
$weekHeader->Name = "weekHeader";
$options->TimeScaleHeaders = array($weekHeader, $dayHeader, $hourHeader);
//GanttChart options.
$GanttChartOptions = new RadiantQ\Gantt\GanttChartOptions();
$GanttChartOptions->AnchorTime = new DateTime("2015-06-15");
$options->GanttChartOptions = $GanttChartOptions;
$ganttSetttings->Options = $options;
//Ganttcontrol initialization.
$gantt = new RadiantQ\UI\FlexyGantt($ganttSetttings);
//Setting attributes to Ganttcontrol elements.
$gantt->setAttribute("id", "gantt_container")->setStyleAttribute("height", "100%");
//To render the FlexyGantt.
echo $gantt->Render();
?>
</div>
<!--The template for the custom tooltip. -->
<script id="TaskTooltipTemplate" type="text/x-jquery-tmpl">
<div class='TaskTooltip'>
<div align='center'>Name: ${nameConverter(data)}</div>
<div>
<span>StartTime : ${startTimeTooltipConverter(data)}
</span>
<br />
<span>EndTime : ${endTimeTooltipConverter(data)}
$options->UseVirtualization = true;
$options->TaskStartTimeProperty = "StartTime";
$options->ParentTaskStartTimeProperty = "OverallStartTime";
$options->TaskItemTemplate = "<div class='rq-gc-taskbar'><div class='rq-taskbar-dragThumb'></div><div class='rq-taskbar-resizeThumb'></div><div class='start-resizeThumb'></div></div>";
$options->ParentTaskItemTemplate = "<div class='parentBar-style'><div class='rq-taskbar-dragThumb'></div><div class='rq-taskbar-resizeThumb'><div class='start-resizeThumb'></div></div><div class='rq-gc-parentBar-leftCue'></div><div class='rq-gc-parentBar-middle'></div><div class='rq-gc-parentBar-rightCue'></div></div>";
$options->TaskEndTimeProperty = "EndTime";
$options->ParentTaskEndTimeProperty = "OverallEndTime";
//GanttChart options.
$GanttChartOptions = new RadiantQ\Gantt\GanttChartOptions();
$GanttChartOptions->AnchorTime = $dtS;
$options->GanttChartOptions = $GanttChartOptions;
$ganttSetttings->Options = $options;
//Ganttcontrol initialization.
$gantt = new RadiantQ\UI\FlexyGantt($ganttSetttings);
//Setting attributes to Ganttcontrol elements.
$gantt->setAttribute("id", "gantt_container");
$gantt->setStyleAttribute("height", "440px");
$gantt->setStyleAttribute("width", "100%");
//To render the ganttcontrol.
echo $gantt->Render();
?>
</form>
</div>
<script id="flexyGanttExpandableTemplate" 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="flexyGanttExpandableTexBoxTemplate" type="text/x-jquery-tmpl">
