</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">GanttView for WPF</div> <div id="PageTitle"><div id="PageTitleText">GanttView Elements</div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel">Collapse All</label> <label id="ExpandAllLabel" style="display: none;">Expand All</label> </span> </div> <div id="BodyContent"> <p>The GanttView control provides an interactive user interface to display the complete project lifecycle. GanttView comprises two major elements, a grid and a chart, separated by a draggable splitter. The grid and the chart remain in sync with each other. If the user makes any changes in the task within the grid, the same gets reflected in the chart.</p> <p>Here is how a GanttView control presents various project-related attributes, such as task/activity name, mode, duration, etc.</p> <p align="left"><img border="0" alt="" src="images/Elements-in-GanttView.png"></p> <h3>Major UI Elements</h3> <ul> <li><strong>Grid</strong>: The grid displays various attributes pertaining to a particular task/activity. You can edit these attributes through the grid.</li> <li><strong>Chart</strong>: The chart provides visual representation of the task details presented on the grid. These details are presented through bars on the chart.</li> <li><strong>Splitter</strong>: The draggable splitter divides the chart and grid.</li> <li><strong>Task</strong>: Each task/activity is represented by a bar whose position and length indicate the start date, end date, and task duration.</li> <li><strong>Timescale</strong>: GanttView displays a timescale along a horizontal timeline, which comprises three tiers.</li> <li><strong>Toolbar</strong>: The toolbar provides quick access to various operations that one can perform in GanttView. For more information on Toolbar, refer to <a href="GanttView-Toolbar.html">GanttView Toolbar</a>.</li> </ul> <a name="seealsobookmark"></a> <div class="SectionHeading" id="seealsoSectionHeading"><span class="SectionHeadingIcon"><!-- --></span><span class="SectionHeadingText">See Also</span></div><div id="seealsoSectionContent" class="SectionContent"><div class="SeeAlsoLink"> <a href="GanttView-Toolbar.html">GanttView Toolbar</a></div> <div class="SeeAlsoLink"> <a href="Design-Time-Support.html">Design-Time Support</a></div> <div class="SeeAlsoLink"> <a href="Run-Time-Interaction.html">Runtime Interaction</a></div> </div> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p>Copyright © <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved. <script> $(document).ready(function() { if (!(window.self !== window.top)) { // Not running in a frameset // Get the page name var pageName = location.href.substring(location.href.lastIndexOf("/") + 1); if (pageName.indexOf("#") != -1) { pageName = pageName.substring(0, pageName.indexOf("#")); } // Append to webframe.html var framePage = "webframe.html#" + pageName; location.href = framePage; } }); </script></p> <a target="_blank" href="http://our.componentone.com/groups/">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/27200-wpf-and-silverlight-documentation">Documentation Feedback</a> </div> </body> </html>