</ 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" -->DataGrid for WPF and Silverlight<!--DXMETADATA end--></div> <div id="PageTitle"><div id="PageTitleText"><!--DXMETADATA start type="ItemTitle" -->Editing Templates and Styles<!--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 --> <!--DXMETADATA start type="IsWebOutputRootPageLinkEnabled" format="<a href='#' class='PageLink' id='viewInFrameLink' title='$$VIEW_WITH_NAVIGATION_TOOLS_TIP$$' style='display: none' data-root-page='%%WebOutputRootPage%%%%OutputFileExtension%%' target='_top'>$$VIEW_WITH_NAVIGATION_TOOLS_TEXT$$</a>" --><!--DXMETADATA end--> </div> <!--DXMETADATA start type="Breadcrumbs" scrap="_BREADCRUMBS" --><div class="BreadcrumbsContainer"><table><tr><td> <a href="DataGrid-for-WPF-Silverlight-Overview.html">DataGrid for WPF and Silverlight Overview</a> > DataGrid Features > <a href="C1DataGridAppearance.html">DataGrid Appearance</a> > Editing Templates and Styles</td></tr></table></div><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><p>One of the main advantages to using a WPF control is that controls are "lookless" with a fully customizable user interface. Just as you design your own user interface (UI), or look and feel, for WPF applications, you can provide your own UI for data managed by <strong>DataGrid for WPF</strong>. Extensible Application Markup Language (XAML; pronounced "Zammel"), an XML-based declarative language, offers a simple approach to designing your UI without having to write code. DataGrid for WPF includes several templates so that you don't have to begin creating your own UI from scratch.</p> <p><strong>Accessing Templates</strong></p> <p>You can access templates in Microsoft Expression Blend by selecting the <a href="C1.WPF.DataGrid.4~C1.WPF.DataGrid.C1DataGrid.html">C1DataGrid</a> control and, in the DataGrid's menu, selecting <b>Edit Other Templates</b>. To create a copy of a template that you can edit, open the <strong>C1DataGrid</strong> menu, select <b>Edit Other Templates</b>, choose the template you wish to edit, and select either <b>Edit a Copy</b>, to create an editable copy of the current template, or <b>Create Empty</b>, to create a new blank template.</p> <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"><strong>Note:</strong> If you create a new template through the menu, the template will automatically be linked to that template's property. If you manually create a template in XAML you will have to link the appropriate template property to the template you've created.</td> </tr> </tbody> </table> </div> <p>The <strong>C1DataGrid</strong> control provides several style properties that you can use to completely change the appearance of the control and its rows, columns, headers, and cells. Some of the included styles are described in the table below:</p> <table style="HEIGHT: 174px"> <tbody> <tr> <th class="TableHeader3">Style</th> <th class="TableHeader3">Description</th> </tr> <tr> <td class="TableCell">C1DataGrid.CellStyle</td> <td class="TableCell">Gets or sets the style that is used when rendering the cells.</td> </tr> <tr> <td class="TableCell">C1DataGrid.ColumnHeaderStyle</td> <td class="TableCell">Gets or sets the style that is used when rendering the column headers.</td> </tr> <tr> <td class="TableCell">C1DataGrid.DragOverColumnStyle</td> <td class="TableCell">Style applied to a <b>ContentControl</b> element used to show the dragged column while it is moved.</td> </tr> <tr> <td class="TableCell">C1DataGrid.DrageSourceColumnStyle</td> <td class="TableCell">Style applied to a <b>ContentControl</b> that is placed over the source column when it starts the drag-and-drop operation.</td> </tr> <tr> <td height="13">C1DataGrid.DropIndicatorStyle</td> <td height="13">Style applied to a <b>ContentControl</b> element used to indicate the position where the dragged column will be dropped.</td> </tr> <tr> <td>C1DataGrid.FilterStyle</td> <td>Gets or sets the style used for the filter control container.</td> </tr> <tr> <td>C1DataGrid.FocusStyle</td> <td>Sets the style of the internal <b>Rectangle</b> used to show the focus on the <b>C1DataGrid</b>.</td> </tr> <tr> <td>C1DataGrid.GroupColumnHeaderStyle</td> <td>Gets or sets the style that is used when rendering the column headers in the group panel.</td> </tr> <tr> <td>C1DataGrid.GroupRowHeaderStyle</td> <td>Gets of sets the style of the header of the group row.</td> </tr> <tr> <td>C1DataGrid.GroupRowStyle</td> <td>Gets of sets the style of the group row.</td> </tr> <tr> <td>C1DataGrid.NewRowHeaderStyle</td> <td>Gets or sets the style that is used when rendering the row header for entering new items.</td> </tr> <tr> <td>C1DataGrid.NewRowStyle</td> <td>Gets or sets the style that is used when rendering the row for entering new items.</td> </tr> <tr> <td>C1DataGrid.RowHeaderStyle</td> <td>Gets or sets the style that is used when rendering the row headers.</td> </tr> <tr> <td>C1DataGrid.RowStyle</td> <td>Gets or sets the style that is used when rendering the rows.</td> </tr> </tbody> </table><!--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>"--><!--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>