</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">Flash for WinForms</div> <div id="PageTitle"><div id="PageTitleText">Using the C1FlashSlide Designer</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="createslidedocumentswithc1flashslide.html">Create Slide Documents with C1FlashSlide</a> > Using the C1FlashSlide Designer</td></tr></table></div> <div id="BodyContent"> <p><b>C1FlashSlide Designer</b> is used to layout the built in UI elements. You can access the slide designer two ways:</p> <ul> <li>Click the smart tag (<img border="0" alt="" src="ImagesExt/image10_7.png" width="10" height="10">) located above the <a href="C1.C1Flash.4~C1.C1Flash.C1FlashSlide.html">C1FlashSlide</a> component and select <b>Design</b> from the <b>C1FlashSlide Tasks</b> menu.<br> <img border="0" alt="" src="ImagesExt/image10_8.png" width="261" height="89"> <p>OR</p> </li> <li>Right-click the C1FlashSlide component and select <b>Design</b> from its pop-up menu.<br> <img border="0" alt="" src="ImagesExt/image10_9.png" width="239" height="221"></li> </ul> <p>After you have completed the slide design, your settings will be placed into the source code of the form and can be restored the next time you open the designer.</p> <p>The intrinsic UI elements include:</p> <ul> <li>Page Header</li> <li>Page Footer</li> <li>Page Number</li> <li>Navigation Buttons</li> </ul> <p>There are also four button elements used to navigate between pages:</p> <ul> <li>First Button – Click to navigate to the first page of the slide.</li> <li>Back Button – Click to navigate to the previous page.</li> <li>Next Button – Click to navigate to the next page.</li> <li>Last Button – Click to navigate to the last page of the slide.</li> </ul> <p>To change the properties of each UI element, click the <b>Properties</b> tab on the right side and select a single or multiple elements. The properties of the element(s) will be displayed in the Property grid.</p> <p>Page Header, Page Footer, and Page Number have the following properties:</p> <ul> <li><b>Font</b> – The font of the UI element.</li> <li><b>ForeColor</b> – The foreground color of the UI element.</li> <li><b>Location</b> – The location of the UI element.</li> <li><b>Size</b> – The size of the UI element.</li> <li><b>Text</b> – The text displayed.</li> <li><b>Visible</b> – The visibility of the UI element.</li> </ul> <p>Button elements (for Normal, Arrow, and Mandarin styles) only have the following properties:</p> <ul> <li><b>Location</b> – The location of the UI element.</li> <li><b>Size</b> – The size of the UI element.</li> <li><b>Visible</b> – The visibility of the UI element.</li> </ul> <p>System button elements have the following properties:</p> <ul> <li><b>Font</b> – The font of the UI element.</li> <li><b>ForeColor</b> – The foreground color of the UI element.</li> <li><b>Location</b> – The location of the UI element.</li> <li><b>Size</b> – The size of the UI element.</li> <li><b>Text</b> – The text displayed.</li> <li><b>TextAlign</b> – The text alignment.</li> <li><b>Visible</b> – The visibility of the UI element.</li> </ul> <p>Here is an example of the <b>C1FlashSlide Designer</b> modified:<br> <img border="0" alt="" src="ImagesExt/image10_10.png" width="575" height="423"></p> <p>Note that the grid is available to help organize the objects on the slide. To view the grid, select <b>View | Show Grid</b> from the menu or right-click on the slide and select <b>Show Grid</b>.</p> <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="settingcommonslideattributes.html">Setting Common Slide Attributes</a></div> <div class="SeeAlsoLink"> <a href="settingtheheaderfooter.html">Setting the Header & Footer</a></div> <div class="SeeAlsoLink"> <a href="settingthebuttonstyle.html">Setting the Button Style</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>