</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">2D Chart for WinForms</div> <div id="PageTitle"><div id="PageTitleText">Header and Footer Toolbars</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 class="BreadcrumbsContainer"><table><tr><td> <a href="designtimetoolsforcr.html">Design-Time Tools for Creating 2D Charts</a> > <a href="workingwiththesmartd.html">Working with the Smart Designer</a> > <a href="secondaryfloatingtoo.html">Secondary Floating Toolbars</a> > Header and Footer Toolbars</td></tr></table></div> <div id="BodyContent"> <p>The floating toolbar for the <b>Header</b> and <b>Footer</b> element includes the following command buttons: <b>Properties</b>, <b>Font</b>, <b>Background</b>, <b>Border</b>, and a <b>Location</b> for the <b>Header</b> and <b>Footer</b> elements of the <a href="C1.Win.C1Chart.4~C1.Win.C1Chart.C1Chart.html">C1Chart</a> control. The figure below provides a label for each of the command buttons for the Header and Footer toolbar.</p><br> <img alt="" src="ImagesExt/image9_109.png" width="194" height="138"> <h2>Exposing the Header or Footer Floating Toolbar</h2> <p>In order for the <b>Header</b> or <b>Footer</b> floating toolbar to appear you have to select either the <b>Header</b> or <b>Footer</b> from <a href="C1.Win.C1Chart.4~C1.Win.C1Chart.C1Chart.html">C1Chart</a> toolbar's drop-down menu.</p><br> <img alt="" src="ImagesExt/image9_110.png" width="180" height="90"> <h2>Header/Footer Floating Toolbar's Command Buttons</h2> <p>The section below lists all of the command buttons available in the <b>Header/Footer</b> toolbar and describes the functionality of each one.</p> <h2>Properties button</h2> <p>The properties command button exposes the <b>Chart Properties</b> designer for the <b>Header</b> and <b>Footer</b> elements when the user clicks on the properties command button.</p><br> <img border="0" alt="" src="ImagesExt/HeaderFootertoolbars_Propertiesbutton.png"> <p>Clicking on the <img alt="" src="ImagesExt/image9_93.png" width="15" height="24">button opens the navigational tree view of the chart elements in the left pane of the <b>Chart Properties</b> designer.</p> <h2>Font button</h2> <p>The <b>Font</b> command button exposes the <b>Font</b> dialog box for the <b>Header</b> and <b>Footer</b> element. Here the Font style can be modified for the Header and Footer's text.</p><br> <img border="0" alt="" src="ImagesExt/AxesToolbars_Fontbutton.png"> <h2>Background button</h2> <p>The <b>Background</b> command button has a drop-down box that contains three different types of styles for the background and a color drop-down list box for the user to specify a color for the <b>Header</b> and <b>Footer's</b> background.</p><br> <img border="0" alt="" src="ImagesExt/HeaderFooterbackgroundbutton.png"> <h2>Border button</h2> <p>The <b>Border</b> command button includes a drop-down box that contains editable Border styles and colors for the <b>Header</b> and <b>Footer's</b> border.</p><br> <img border="0" alt="" src="ImagesExt/HeaderFooterborderbutton.png"> <h2>Position button</h2> <p>The <b>Position</b> command button has a drop-down list box which includes a list of different compass directions (North, South, West, and East) for the user to choose from. The directions will position the <b>Header</b> or <b>Footer</b> in the North position which is above the Chart, the South position which is below the Chart, the West position which is to the left of the Chart, and the East position which is to the right of the Chart. The default compass position for the Header is north and the default position for the Footer is south.</p><br> <img alt="" src="ImagesExt/image9_114.png" width="162" height="98"> <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="labeltoolbar.html">Label Toolbar</a></div> </div> </div> <div id="FooterContent"> <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> <a target="_blank" href="http://our.componentone.com/groups/">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/255782-winforms-documentation">Documentation Feedback</a> </div> </body> </html>