</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">Imaging for Silverlight Library</div> <div id="PageTitle"><div id="PageTitleText">Setting up the Toolbar</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="Bitmap.html">Bitmap</a> > <a href="Working_with_Bitmap_for_Silverlight.html">Working with Bitmap for Silverlight</a> > Setting up the Toolbar</td></tr></table></div> <div id="BodyContent"> <p>Our application will consist of a <b>C1Toolbar</b> across the top, and a checkered background filling the remaining region of the application. We are using the <b>C1Toolbar</b> with the <b>C1ToolbarStrip</b> to create the toolbar, with Ribbon-like groups. <b>Silverlight Edition</b> includes a convenient checkered panel control, <b>C1CheckeredBorder</b>, which is included in the <strong>C1.Silverlight.Extended</strong> library. This helps with the design of the image editor. Our toolbar consists of 3 <b>C1ToolbarGroups</b>: File, Edit and Image.</p> <div class="FilteredContentXAML" data-title="XAML" data-itemid="XAML"> <table class="SyntaxTable"> <tbody> <tr> <th>XAML</th> <th> <div class="CopyCodeWrapper"> <span class="CopyCode">Copy Code</span> </div> </th> </tr> <tr> <td colspan="2"> <pre> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">c1tb:C1Toolbar </span><span style="COLOR: #ff0000">Name</span><span style="COLOR: #0000ff">="c1Toolbar1"</span><span style="COLOR: #ff0000"> Grid.Row</span><span style="COLOR: #0000ff">="0"</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">c1tb:C1ToolbarGroup </span><span style="COLOR: #ff0000">Header</span><span style="COLOR: #0000ff">="File"</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">c1tb:C1ToolbarStrip </span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">c1tb:C1ToolbarButton </span><span style="COLOR: #ff0000">Name</span><span style="COLOR: #0000ff">="btnSave"</span><span style="COLOR: #ff0000"> Click</span><span style="COLOR: #0000ff">="btnSave_Click"</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">Image </span><span style="COLOR: #ff0000">Source</span><span style="COLOR: #0000ff">="Resources/save.png"</span><span style="COLOR: #ff0000"> Margin</span><span style="COLOR: #0000ff">="2"</span><span style="COLOR: #ff0000"> ToolTipService.ToolTip</span><span style="COLOR: #0000ff">="Save"</span><span style="COLOR: #0000ff">/></span> <span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">c1tb:C1ToolbarButton</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">c1tb:C1ToolbarButton </span><span style="COLOR: #ff0000">Name</span><span style="COLOR: #0000ff">="btnOpen"</span><span style="COLOR: #ff0000"> Click</span><span style="COLOR: #0000ff">="btnOpen_Click"</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">Image </span><span style="COLOR: #ff0000">Source</span><span style="COLOR: #0000ff">="Resources/Open.png"</span><span style="COLOR: #ff0000"> Margin</span><span style="COLOR: #0000ff">="2"</span><span style="COLOR: #ff0000"> ToolTipService.ToolTip</span><span style="COLOR: #0000ff">="Open"</span><span style="COLOR: #0000ff">/></span> <span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">c1tb:C1ToolbarButton</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">c1tb:C1ToolbarButton </span><span style="COLOR: #ff0000">Name</span><span style="COLOR: #0000ff">="btnPrint"</span><span style="COLOR: #ff0000"> Click</span><span style="COLOR: #0000ff">="btnPrint_Click"</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">Image </span><span style="COLOR: #ff0000">Source</span><span style="COLOR: #0000ff">="Resources/Print.png"</span><span style="COLOR: #ff0000"> Margin</span><span style="COLOR: #0000ff">="2"</span><span style="COLOR: #ff0000"> ToolTipService.ToolTip</span><span style="COLOR: #0000ff">="Print"</span><span style="COLOR: #0000ff">/></span> <span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">c1tb:C1ToolbarButton</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">c1tb:C1ToolbarStrip</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">c1tb:C1ToolbarGroup</span><span style="COLOR: #0000ff">></span> ... <span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">c1tb:C1Toolbar</span><span style="COLOR: #0000ff">></span> </pre> </td> </tr> </tbody> </table> </div> <p> </p> <p> </p> <p><img src="Graphics/C1Toolbar.png" width="449" height="293"></p> <p> </p> <a name="seealsobookmark"></a> </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.</p> <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> </div> </body> </html>