</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_RATING%%" --><!--DXMETADATA end --> <!--DXMETADATA start type="LogoImage" --><!--DXMETADATA end--> <div id="ProjectTitle"><!--DXMETADATA start type="ProjectTitle" -->Toolbar for WPF and Silverlight<!--DXMETADATA end--></div> <div id="PageTitle"><div id="PageTitleText"><!--DXMETADATA start type="ItemTitle" -->C1Toolbar Layout and Appearance<!--DXMETADATA end--></div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel"><!--DXMETADATA start type="Phrase" name="COLLAPSE_ALL" -->Collapse All<!--DXMETADATA end--></label> <label id="ExpandAllLabel" style="display: none;"><!--DXMETADATA start type="Phrase" name="EXPAND_ALL" -->Expand All<!--DXMETADATA end--></label> </span><!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_DROPDOWN%%" --><!--DXMETADATA end --> </div> <!--DXMETADATA start type="Breadcrumbs" scrap="_BREADCRUMBS" --><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><p>The following topics detail how to customize the <a href="C1.WPF.Toolbar.4~C1.WPF.Toolbar.C1Toolbar.html">C1Toolbar</a> control's layout and appearance. You can use built-in layout options to lay your controls out in panels such as Grids or Canvases.</p> <p>You can customize the appearance of your toolbar items by using the stack panel. Inside the stack panel you can determine the orientation of your toolbar item. Additionally you can add an image and some text. The text’s alignment, font style, and color can be modified.</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: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">c1tb:C1ToolbarGroup </span><span style="COLOR: #ff0000">Header</span><span style="COLOR: #0000ff">="Clipboard"</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">c1tb:C1ToolbarStrip </span><span style="COLOR: #ff0000">Padding</span><span style="COLOR: #0000ff">="0"</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">c1tb:C1ToolbarButton </span><span style="COLOR: #ff0000">Width</span><span style="COLOR: #0000ff">="60"</span><span style="COLOR: #ff0000"> HorizontalContentAlignment</span><span style="COLOR: #0000ff">="Left"</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">StackPanel </span><span style="COLOR: #ff0000">Orientation</span><span style="COLOR: #0000ff">="Horizontal"</span><span style="COLOR: #ff0000"> </span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">Image </span><span style="COLOR: #ff0000">Grid.Column</span><span style="COLOR: #0000ff">="1"</span><span style="COLOR: #ff0000"> Source</span><span style="COLOR: #0000ff">="Resources/cut.png"</span><span style="COLOR: #ff0000"> Margin</span><span style="COLOR: #0000ff">="7 0 7 0"</span><span style="COLOR: #0000ff">/></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">TextBlock </span><span style="COLOR: #ff0000">Text</span><span style="COLOR: #0000ff">="Cut"</span><span style="COLOR: #ff0000"> Foreground</span><span style="COLOR: #0000ff">= "DarkOrange"</span><span style="COLOR: #ff0000"> VerticalAlignment</span><span style="COLOR: #0000ff">="Center"</span><span style="COLOR: #ff0000"> TextAlignment</span><span style="COLOR: #0000ff">="Center"</span><span style="COLOR: #ff0000"> </span><span style="COLOR: #0000ff">/></span> <span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">StackPanel</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:C1ToolbarStrip </span><span style="COLOR: #ff0000">Padding</span><span style="COLOR: #0000ff">="0"</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">c1tb:C1ToolbarButton </span><span style="COLOR: #ff0000">Width</span><span style="COLOR: #0000ff">="60"</span><span style="COLOR: #ff0000"> HorizontalContentAlignment</span><span style="COLOR: #0000ff">="Left"</span><span style="COLOR: #ff0000"> </span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">StackPanel </span><span style="COLOR: #ff0000">Orientation</span><span style="COLOR: #0000ff">="Horizontal"</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/copy.png"</span><span style="COLOR: #ff0000"> Margin</span><span style="COLOR: #0000ff">="4 0 4 0"</span><span style="COLOR: #0000ff">/></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">TextBlock </span><span style="COLOR: #ff0000">Text</span><span style="COLOR: #0000ff">="Copy"</span><span style="COLOR: #ff0000"> VerticalAlignment</span><span style="COLOR: #0000ff">="Center"</span><span style="COLOR: #ff0000"> TextAlignment</span><span style="COLOR: #0000ff">="Center"</span><span style="COLOR: #0000ff">/></span> <span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">StackPanel</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:C1ToolbarStrip </span><span style="COLOR: #ff0000">Padding</span><span style="COLOR: #0000ff">="0"</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">c1tb:C1ToolbarButton </span><span style="COLOR: #ff0000">Width</span><span style="COLOR: #0000ff">="60"</span><span style="COLOR: #ff0000"> HorizontalContentAlignment</span><span style="COLOR: #0000ff">="Left"</span><span style="COLOR: #0000ff">></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">StackPanel </span><span style="COLOR: #ff0000">Orientation</span><span style="COLOR: #0000ff">="Horizontal"</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/paste.png"</span><span style="COLOR: #ff0000"> Margin</span><span style="COLOR: #0000ff">="4 0 4 0"</span><span style="COLOR: #0000ff">/></span> <span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">TextBlock </span><span style="COLOR: #ff0000">Text</span><span style="COLOR: #0000ff">="Paste"</span><span style="COLOR: #ff0000"> VerticalAlignment</span><span style="COLOR: #0000ff">="Center"</span><span style="COLOR: #ff0000"> TextAlignment</span><span style="COLOR: #0000ff">="Center"</span><span style="COLOR: #0000ff">/></span> <span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">StackPanel</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><!--DXMETADATA end--> <a name="seealsobookmark"></a> <!--DXMETADATA start type="FilteredItemList" scrap="CATEGORISED_LINKS" namespace="linkcategory" source="Item" filter="" NoHeader="True" NoFooter="True" format="%%replaceinquotes:value=false%%%%scrap:name=_COLLAPSIBLE_HEADER,idprefix=seealso,caption=""%%phrase:name=SeeAlso%%%%designlist:tagidentifier=seealso,itemtype=See Also%%""%%%%filtereditemlist%%</div>"--><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="Toolbar_Layout.html">Toolbar Layout</a></div> <div class="SeeAlsoLink"> <a href="Button_Size_and_Text_Position_in_C1ToolbarGroup.html">Button Size and Text Position in C1ToolbarGroup</a></div> <div class="SeeAlsoLink"> <a href="C1Toolbar_Templates.html">C1Toolbar Templates</a></div> </div><!--DXMETADATA end--> </div> <div id="FooterContent"> <!--DXMETADATA start type="Scrap" condition="communityenabled" name="_COMMUNITY_FOOTER" --><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="CopyrightNotice" format="<p> </p><p> </p><hr style=""height: 1px"" /><p>%%variable%%</p>" --><p> </p><p> </p><hr style="height: 1px"><p>Copyright © <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><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="FeedbackLink" format="" --><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><!--DXMETADATA end--> </div> </body> </html>