</ 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">Add a Light Shape to the Chart Header and Footer</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="chartforwinformstask.html">Chart for WinForms Task-Based Help</a> > <a href="addingvisualeffectst.html">Adding Visual Effects to Chart Elements</a> > <a href="customizeheaderandfo.html">Customize Header and Footer</a> > Add a Light Shape to the Chart Header and Footer</td></tr></table></div> <div id="BodyContent"> <p>To add a light shape to the Chart Header and Footer elements, complete the following steps:</p> <ol> <li>Add a Chart Header and Chart Footer. <p>For details on how to add a Chart Header see, <a href="addachartheader.html">Add a Chart Header</a>. For details on how to add a Chart Footer see, <a href="addachartfooter.html">Add a Chart Footer</a>.</p> </li> <li>Open the <b>Visual Effects</b> designer. <p>For details on how to access the <b>Visual Effects</b> designer see <a href="accessthevisualeffec.html">Access the Visual Effects Designer</a>.</p> </li> <li>In the <b>Available Elements</b> list box, click on the box next to <b>Header</b>, and then click on the box next to the <b>Footer</b>.</li> <li>Click on the <b>Parameters</b> tab. Set the light <b>Shape</b> property to Ellipse. The Preview pane displays the ellipse shape. <div> <div style="width: 100%;"> <table class="hs-box"> <tbody> <tr> <td class="hs-box-icon" valign="top"><img src="images/hs-note.gif"></td> <td class="hs-box-content" valign="top"><b>Note:</b> Two additional properties (<b>Shift</b> and <b>Size</b>) appear for the Ellipse shape</td> </tr> </tbody> </table> </div> </div> </li> <li>To decrease the size of the ellipse shape, select the <b>Size</b> property and move the <b>Size</b> slider to left until 0.3.</li> <li>To move the location of the ellipse shape from the center to the left corner, select the <b>Shift</b> property and slide the <b>Shift</b> slider to the left. As you move the slider to the left the value decreases and the ellipse light shape shifts. <p>The light ellipse shape appears at the corner of the Header element.</p><br> <img alt="" src="ImagesExt/image10_17.png" width="120" height="43"> <p>The light ellipse shape appears at the corner of the Footer element.</p><br> <img alt="" src="ImagesExt/image10_18.png" width="109" height="42"> </li> </ol> <p>To add a light shape to the Chart Header's and Footer's text element, complete the following steps:</p> <ol> <li>Add a Chart Header and Chart Footer. <p>For details on how to add a Chart Header see, <a href="addachartheader.html">Add a Chart Header</a>. For details on how to add a Chart Footer, see <a href="addachartfooter.html">Add a Chart Footer</a>.</p> </li> <li>Open the <b>Visual Effects</b> designer. <p>For details on how to access the <b>Visual Effects</b> designer see <a href="accessthevisualeffec.html">Access the Visual Effects Designer</a>.</p> </li> <li>In the <b>Available Elements</b> list box, unselect the <b>Header</b> and <b>Text</b> check boxes and click on the boxes next to <b>Header.Text</b> and <b>Footer.Text</b>.</li> <li>Click on the <b>Parameters</b> tab. Set the light <b>Shape</b> property to <b>Ellipse</b>. <p>The ellipse shape appears on the Header's text.</p><br> <img alt="" src="ImagesExt/image10_19.png" width="120" height="43"> <p>The ellipse shape appears on the Footer's text.</p><br> <img alt="" src="ImagesExt/image10_20.png" width="108" height="43"> </li> </ol> <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="addapresetstyletothe.html">Add a Preset Style to the Chart Header and Footer</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>