Twilight theme in Datagridcolumn header customization
hi,
im using twilight theme user control. have datagrid in contains 4 columns. 3 columns datagridtextcolumn , datagridtempplatecolumn. template column contains checkboxes. want keep check in header of templatecheckbox column selectall/uncheckall provision. i created datagridcustom header style show checkbox. problem is, im loosing twlight datagrid header style. can 1 provideme twilight datagrid headerstyle . tried in source code. no luck. please provide twlight background , rounded on top of control.
hi ,
i able solve problem . here style datagrid header twilight theme.
<style targettype="prim:datagridcolumnheader" x:key="customheader">
<!--<setter property="foreground" value="#ff000000" />-->
<setter property="istabstop" value="false" />
<setter property="separatorbrush" value="#dfe3e6" />
<setter property="template">
<setter.value>
<controltemplate targettype="prim:datagridcolumnheader">
<grid name="root" horizontalalignment="stretch" margin="0" height="26" width="auto" verticalalignment="center">
<grid.rowdefinitions>
<rowdefinition height="50*"/>
<rowdefinition height="50*" />
</grid.rowdefinitions>
<grid.columndefinitions>
<columndefinition width="75*"></columndefinition>
<columndefinition width="2"></columndefinition>
</grid.columndefinitions>
<border grid.columnspan="2" margin="0" x:name="background"
grid.rowspan="2" opacity="0.65">
<border.background>
<lineargradientbrush endpoint="0.5,1.4" startpoint="0.5,0">
<gradientstop color="{staticresource primarycolor}" offset="0.75" />
<gradientstop color="{staticresource secondarycolor}" offset="1" />
</lineargradientbrush>
</border.background>
</border>
<border margin="1,1,1,0" cornerradius="4,4,40,40" x:name="highlight" grid.columnspan="2" opacity="0.8" rendertransformorigin="0.5,1">
<border.background>
<radialgradientbrush>
<radialgradientbrush.relativetransform>
<transformgroup>
<scaletransform centerx="0.5" centery="0.5" scalex="1.25" scaley="2" />
<translatetransform y="-0.6" />
</transformgroup>
</radialgradientbrush.relativetransform>
<gradientstop color="#bfffffff" offset="0" />
<gradientstop color="#4cffffff" offset="1" />
</radialgradientbrush>
</border.background>
</border>
<checkbox x:name="headercheckbox" padding="5,0,10,0" grid.column="0" verticalalignment="center" content="select all"
grid.rowspan="2" ></checkbox>
<rectangle name="verticalseparator" grid.column="1" grid.rowspan="2" width="1" verticalalignment="stretch" fill="{templatebinding separatorbrush}"
visibility="{templatebinding separatorvisibility}" />
</grid>
</controltemplate>
</setter.value>
</setter>
</style>
Silverlight > Silverlight Controls and Silverlight Toolkit
Comments
Post a Comment