</ 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 Shadow 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 Shadow to the Chart Header and Footer</td></tr></table></div> <div id="BodyContent"> <p>To add a shadow 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, and then select the <b>Offset</b> property located in the Shadow group.</li> <li>Slide the <b>Offset</b> slider to the right to 2.5 or enter the value 2.5 in the Offset's text box. <p>The Preview pane displays the shadow on the square.</p> </li> <li>To make the shadow appear less transparent, select the Transparency and slide the slider to 160. <p>The Preview pane displays the darker shadow.</p> <p>A shadow appears on the Header.</p><br> <img alt="" src="ImagesExt/image10_25.png" width="130" height="51"> <p> <p>A shadow appears on the Footer.</p><br> <img alt="" src="ImagesExt/image10_26.png" width="115" height="49"> </li> </ol> <p>To add a shadow to the Chart Header'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, and then select the <b>Offset</b> property located in the Shadow group.</li> <li>Slide the Offset slider to the right to 2.5 or enter the value 2.5 in the Offset's text box. <p>The Preview pane displays the shadow on the square.</p> </li> <li>To make the shadow appear less transparent, select the <b>Transparency</b> property and slide the slider to 160. <p>The Preview pane displays the darker shadow.</p> <p>A shadow appears on the Header's text.</p><br> <img alt="" src="ImagesExt/image10_27.png" width="128" height="43"> <p>A shadow appears on the Footer's text.</p><br> <img alt="" src="ImagesExt/image10_28.png" width="113" height="45"> </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="adjustthefocusofthel.html">Adjust the Focus of the Light 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>