Colors in datagrid


my datagrid uses alternatingrowbackground. causes selected row color different depending on whether odd or row. find annoying. there way fix selected row colors regardless of whether odd or row?

this same problem exists mouse hovers on rows. shows 1 color odd row , different color row. i'd fix also.

thanks

hi,

you can try use blend modify rowstyle meet requirement.

here sample modified.

    <usercontrol.resources>          <style x:key="datagridrowstyle1" targettype="sdk:datagridrow">              <setter property="istabstop" value="false"/>              <setter property="template">                  <setter.value>                      <controltemplate targettype="sdk:datagridrow">                          <sdk:datagridfrozengrid x:name="root">                              <sdk:datagridfrozengrid.resources>                                  <storyboard x:key="detailsvisibletransition">                                      <doubleanimation duration="00:00:0.1" storyboard.targetproperty="contentheight" storyboard.targetname="detailspresenter"/>                                  </storyboard>                              </sdk:datagridfrozengrid.resources>                              <sdk:datagridfrozengrid.columndefinitions>                                  <columndefinition width="auto"/>                                  <columndefinition/>                              </sdk:datagridfrozengrid.columndefinitions>                              <sdk:datagridfrozengrid.rowdefinitions>                                  <rowdefinition/>                                  <rowdefinition height="auto"/>                                  <rowdefinition height="auto"/>                              </sdk:datagridfrozengrid.rowdefinitions>                              <visualstatemanager.visualstategroups>                                  <visualstategroup x:name="commonstates">                                      <visualstate x:name="normal"/>                                      <visualstate x:name="normalalternatingrow">                                          <storyboard>                                              <doubleanimation duration="0" to="0" storyboard.targetproperty="opacity" storyboard.targetname="backgroundrectangle"/>                                          </storyboard>                                      </visualstate>                                      <visualstate x:name="mouseover">                                          <storyboard>                                              <doubleanimation duration="0" to=".5" storyboard.targetproperty="opacity" storyboard.targetname="backgroundrectangle"/>                                          </storyboard>                                      </visualstate>                                      <visualstate x:name="normalselected">                                          <storyboard>                                              <doubleanimation duration="0" to="1" storyboard.targetproperty="opacity" storyboard.targetname="backgroundrectangle"/>                                          </storyboard>                                      </visualstate>                                      <visualstate x:name="mouseoverselected">                                          <storyboard>                                              <doubleanimation duration="0" to="1" storyboard.targetproperty="opacity" storyboard.targetname="backgroundrectangle"/>                                          </storyboard>                                      </visualstate>                                      <visualstate x:name="unfocusedselected">                                          <storyboard>                                              <doubleanimation duration="0" to="1" storyboard.targetproperty="opacity" storyboard.targetname="backgroundrectangle"/>                                              <coloranimation duration="0" to="#ffe1e7ec" storyboard.targetproperty="(fill).color" storyboard.targetname="backgroundrectangle"/>                                          </storyboard>                                      </visualstate>                                  </visualstategroup>                                  <visualstategroup x:name="validationstates">                                      <visualstate x:name="valid"/>                                      <visualstate x:name="invalid">                                          <storyboard>                                              <objectanimationusingkeyframes duration="0" storyboard.targetproperty="visibility" storyboard.targetname="backgroundrectangle">                                                  <discreteobjectkeyframe keytime="0" value="collapsed"/>                                              </objectanimationusingkeyframes>                                              <doubleanimation duration="0" to="1" storyboard.targetproperty="opacity" storyboard.targetname="invalidvisualelement"/>                                          </storyboard>                                      </visualstate>                                  </visualstategroup>                              </visualstatemanager.visualstategroups>                              <rectangle x:name="backgroundrectangle" grid.columnspan="2" fill="#ff00b8f7" opacity="0" grid.rowspan="2"/>                              <rectangle x:name="invalidvisualelement" grid.columnspan="2" fill="#fff7d8db" opacity="0" grid.rowspan="2"/>                              <sdk:datagridrowheader x:name="rowheader" sdk:datagridfrozengrid.isfrozen="true" grid.rowspan="3"/>                              <sdk:datagridcellspresenter x:name="cellspresenter" grid.column="1" sdk:datagridfrozengrid.isfrozen="true"/>                              <sdk:datagriddetailspresenter x:name="detailspresenter" grid.column="1" grid.row="1"/>                              <rectangle x:name="bottomgridline" grid.column="1" horizontalalignment="stretch" height="1" grid.row="2"/>                          </sdk:datagridfrozengrid>                      </controltemplate>                  </setter.value>              </setter>          </style>      </usercontrol.resources>        <grid x:name="layoutroot" background="white">          <sdk:datagrid autogeneratecolumns="true"                       name="datagrid1" rowstyle="{staticresource datagridrowstyle1}"  />      </grid>


 



Silverlight  >  Getting Started with Silverlight



Comments

Popular posts from this blog

Conditional formatting a graph vertical axis in SSRS 2012 charts

Register with Power BI failed

SQL server replication error Cannot find the dbo or user defined function........