</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_RATING%%" --><!--DXMETADATA end --> <!--DXMETADATA start type="LogoImage" --><!--DXMETADATA end--> <div id="ProjectTitle"><!--DXMETADATA start type="ProjectTitle" -->Scheduler for WPF and Silverlight<!--DXMETADATA end--></div> <div id="PageTitle"><div id="PageTitleText"><!--DXMETADATA start type="ItemTitle" -->C1Calendar Navigation<!--DXMETADATA end--></div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel"><!--DXMETADATA start type="Phrase" name="COLLAPSE_ALL" -->Collapse All<!--DXMETADATA end--></label> <label id="ExpandAllLabel" style="display: none;"><!--DXMETADATA start type="Phrase" name="EXPAND_ALL" -->Expand All<!--DXMETADATA end--></label> </span><!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_DROPDOWN%%" --><!--DXMETADATA end --> </div> <!--DXMETADATA start type="Breadcrumbs" scrap="_BREADCRUMBS" --><div class="BreadcrumbsContainer"><table><tr><td> <a href="Using_the_C1Calendar_Control.html">Using the C1Calendar Control</a> > <a href="C1Calendar_Behavior.html">C1Calendar Behavior</a> > C1Calendar Navigation</td></tr></table></div><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><p><strong><a href="C1.WPF.Schedule.4~C1.WPF.Schedule.C1Calendar.html">C1Calendar</a> </strong>provides interactive and simplified navigation for navigating calendar months and for navigating through calendar days. You can also use the <a href="C1.WPF.Schedule.4~C1.WPF.Schedule.C1Calendar.html">C1Calendar</a> control to navigate to the <a href="C1.WPF.Schedule.4~C1.WPF.Schedule.C1Scheduler.html">C1Scheduler</a> control using the <a href="C1.WPF.Schedule.4~C1.WPF.Schedule.C1Calendar~BoldedDates.html">C1Calendar.BoldedDates</a> and <a href="C1.WPF.Schedule.4~C1.WPF.Schedule.C1Calendar~SelectedDates.html">C1Calendar.SelectedDates</a> properties.</p> <p><a href="C1.WPF.Schedule.4~C1.WPF.Schedule.C1Calendar.html">C1Calendar</a> includes the following methods for navigating through the calendar months:</p> <ul> <li><strong>Previous and Next</strong> – Allows you to go to the previous or next month by clicking the button image or button image buttons.</li> <li><strong>Popup Calendar Month and Year Selector</strong> – Clicking on the calendar month name opens up a listbox of calendar month names that enables you to select any month January-December to navigate to. Clicking on the calendar year date opens up a listbox of calendar year dates that enables you to select any year .</li> </ul> <p>Note that regardless of what panel and day representing the item UI is used, the calendar provides the ability to interactively select a day (s) using the mouse or keyboard.</p> <p><b>Previous and Next Navigation Buttons</b></p> <p>Clicking the previous single arrow button navigates you to the previous month and clicking the next single arrow navigates you to the next month.</p> <p><b>Popup Calendar Month and Year Selector</b></p> <p>You can use the Quick Month Selector to jump to a particular calendar month without continuously clicking the navigation buttons. This is very helpful when you need to look ahead or back several calendar months.</p> <p>You can click the calendar month once to view calendar months. When you click once on the month name in the calendar title a popup listbox will appear with the names of the calendar months. Select the month you wish to navigate to and the calendar month will change from the current month to the selected month.</p> <p> </p> <p><img src="Graphics/PopupMonth.png" width="416" height="225"></p> <p> </p> <p>You can click the calendar year in the month title bar once to view calendar years. When you click once on the year in the calendar title a popup listbox will appear with the dates of the calendar year. Select the year you wish to navigate to and the calendar year will change from the current year to the selected year.</p> <p> </p> <p><img src="Graphics/PopupYear.png" width="418" height="228"></p> <p> </p><!--DXMETADATA end--> <a name="seealsobookmark"></a> <!--DXMETADATA start type="FilteredItemList" scrap="CATEGORISED_LINKS" namespace="linkcategory" source="Item" filter="" NoHeader="True" NoFooter="True" format="%%replaceinquotes:value=false%%%%scrap:name=_COLLAPSIBLE_HEADER,idprefix=seealso,caption=""%%phrase:name=SeeAlso%%%%designlist:tagidentifier=seealso,itemtype=See Also%%""%%%%filtereditemlist%%</div>"--><!--DXMETADATA end--> </div> <div id="FooterContent"> <!--DXMETADATA start type="Scrap" condition="communityenabled" name="_COMMUNITY_FOOTER" --><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="CopyrightNotice" format="<p> </p><p> </p><hr style=""height: 1px"" /><p>%%variable%%</p>" --><p> </p><p> </p><hr style="height: 1px"><p>Copyright (c) <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><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="FeedbackLink" format="" --><a target="_blank" href="http://our.componentone.com/groups/">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/272000-wpf-and-silverlight-documentation">Documentation Feedback</a> <!--DXMETADATA end--> </div> </body> </html>