The new WPF GridView customized 1 of 3

Abstract

This article explains how to get data from many sources and add them to a gridview (WPF). Create the gridview and after customize it in a WPF application.

Index

• Introduction
• Prerequisites
• Creating the Gridview
• XML Databinding
  • Renember XML and .net 2.0
  • XML Binding using only XAML
  • XML Binding using XAML and C#
• SQL Server Binding
• Access Binding
• MySql Binding
• Customizing the Gridview
  • Customize the header
  • Customize the background
  • Customize the rows

Introduction

The gridview is one of the possiblities to show a listview, you can customize it in many ways, at the moment there's few information and its customization is not very well implemented in Blend yet (you can't design it without viewing XAML code). Another matter is that in Blend you can bind XML data but what happen with the rest of datasources, how I dont see anyway in XAML I show how to Bind to XAML from C#.

Prerequisites

To get successful with the article you wil need the next software:

• Visual Studio 2005 C# (Or Express C# Orcas).
• WPF Extensions for VS2005 (included in Orcas).
• Framework 3.0
• MS Expression Blend.
• SQL Server 2005 Express (optional).
• MS Access 2003 or higher (optional).
• MySql Server (optional).

Creating the gridview

First of all create a new project, type project C# NET Framework 3.0: Window Application (WPF).

Now add a ListView (not a ListBox), from "All Controls" section in toolbox, and change the Name to "DataList", you will have a code like:

<Window x:Class="sample1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">http://schemas.microsoft.com/winfx/2006/xaml"
    Title="sample1" Height="320" Width="500"
    >
    <Grid>
    <ListView Margin="0,0,0,50" Name="DataList" />
  </Grid>
</Window>

Take a look to the Window.g.cs code, if is added the internal DataList will be ok, if not add the next line:

internal System.Windows.Controls.ListView DataList;

You don't need to initializate it because it exists in the XAML section. Run the project to be sure all is working.

XML Databinding

Here I explain in a code explanation how to bind from xml using only xaml (static version) and then from xml with XAML and C# (my favourite way) because is easier to change on runtime the source.

I will use in this section the next called "data.xml" file:

 <Customers>
  <Customer>
 <Code>1234</Code>
 <Name>EPI</Name>
 <Country>Sesame Street</Country>
  </Customer>
  <Customer>
 <Code>3234</Code>
 <Name>Paul</Name>
 <Country>United Kingdom</Country>
  </Customer>
 <Customer>
 <Code>3344</Code>
 <Name>Juan</Name>
 <Country>Spain</Country>
  </Customer>
 <Customer>
 <Code>4321</Code>
 <Name>Dodo</Name>
 <Country>Mars</Country>
  </Customer>
</Customers>

Renember XML and .net 2.0

To bind XML data to a DataGridView in .net 2.0, you have to add the next code:

string file = "data.xml";
DataSet ds = new DataSet("Table");
ds.ReadXml(file);
dG1.DataSource = ds.Tables[0].DefaultView;

and you will have a fast way to show data:

XML binding using only XAML

In this case, first you have to create a new Window.Resource:

<Window.Resources>
    <XmlDataProvider x:Key="CustomersDS" Source="C:\data.xml"/>
</Window.Resources>

and now we have to change the listview to have a gridview aspect:

<ListView Margin="0,0,0,50" ItemTemplate="{DynamicResource CustomerTemplate}" ItemsSource="{Binding Source={StaticResource CustomersDS}, XPath=/Customers/Customer}">
      <ListView.View>
        <GridView>
          <GridViewColumn Header="Code" DisplayMemberBinding="{Binding XPath=Code}"/>
          <GridViewColumn Header="Name" DisplayMemberBinding="{Binding XPath=Name}"/>
          <GridViewColumn Header="Country" DisplayMemberBinding="{Binding XPath=Country}"/>
        </GridView>
      </ListView.View>
</ListView>

With this method you will have a static XML binding using only XAML:

XML binding using XAML and C#

Generate the "data.xml" shown before, and (that's the way I like code), create the method OnLoad. To do that add the "Loaded" event to the XAML <window> tag:

<Window x:Class="WindowsApplication7.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">http://schemas.microsoft.com/winfx/2006/xaml"

    ...
    Loaded="OnLoad"
>

And in the window1.xaml.cs add the namespace using System.Data; and the method:

public void OnLoad(Object o, EventArgs e)
{
            string file = @"c:\data.xml";
            DataSet ds = new DataSet("Table");
            ds.ReadXml(file);
            List1.DataContext = ds.Tables[0].DefaultView;
}

Now you have to assign the link between "Table" and "BindingPath" in the XAML with the next code:

<Grid x:Name="LayoutRoot">
    <ListView Name="List1" Margin="35,34,212,123" ItemTemplate="{DynamicResource CustomerTemplate}" ItemsSource="{Binding Path=Table}">
      <ListView.View>
        <GridView>
          <GridViewColumn Header="Code" DisplayMemberBinding="{Binding Path=Code}"/>
          <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Path=Name}"/>
          <GridViewColumn Header="Country" DisplayMemberBinding="{Binding Path=Country}"/>
        </GridView>
      </ListView.View>
    </ListView>
</Grid>

To understand better the link between XAML and C# take a look to this diagram:

Loaded Calls OnLoad that fills the table and paints on gridview. I like this way because you can change easily the datasource.

SQL Server Binding

Create a new database call "Customers" and create inside the table "customers" with this structure:

Y a�adimos datos de ejemplo en la tabla:

Renember that the user must have a role to access to this database and activate datareader and datawriter:

Now add the namespace: using System.Data.SqlClient; and the modify the previous OnLoad method to have:

public void OnLoad(Object o, EventArgs e)
{
    string s_command = "SELECT Code,Name,Country FROM customers";
    SqlConnection connection = new SqlConnection();
    SqlDataAdapter adapter = new SqlDataAdapter();
    SqlCommand command = new SqlCommand();
    command.CommandText = s_command;
    adapter.SelectCommand = command;
    connection.ConnectionString = "Data Source=192.168.10.9,1433;Initial Catalog=Customers;Network Library=DBMSSOCN;User ID=temporalguest;Password='';";
    command.Connection = connection;
    DataSet ds = new DataSet();
    adapter.Fill(ds,"Table");
    List1.DataContext = ds.Tables[0].DefaultView;
    connection.Close();
} 

NOTE: The SQL queries are not casesensitives, the XAML are CASESENSITIVES so, the name of the columns have to be the same of the name of DisplayMemberBinding.

Access DataBinding

Open Access and create a new database called "customers.mdb" and add inside the table "customers" like the previous section.

Add the namespace using System.Data.OleDb; and simply modify the OnLoad method to the next:

public void OnLoad(Object o, EventArgs e)
{
   string s_command = "SELECT Code,Name,Country FROM customers";
   OleDbConnection connection = new OleDbConnection();
   OleDbDataAdapter adapter = new OleDbDataAdapter();
   OleDbCommand command = new OleDbCommand();
   command.CommandText = s_command;
   adapter.SelectCommand = command;
   connection.ConnectionString = @"Provider=Microsoft.Jet.OLEDB.4.0;Data source=C:\customers.mdb";
   connection.Open();
   command.Connection = connection;
   DataSet ds = new DataSet();
   adapter.Fill(ds);
   List1.DataContext = ds.Tables[0].DefaultView;
   connection.Close();
}

MySql Databinding

Requisites to have a successful compilation:

- Download and install the namespace MySql.Data from: http://dev.mysql.com/get/Downloads/Connector-Net/mysql-connector-net-5.0.7.zip/from/pick#mirrors

- In the project, add the reference to MySql.Data from the solution explorer:

Being care we have correctly installed MySQLServer, simply add the namespace using MySql.Data.MySqlClient and change the OnLoad method to:

public void OnLoad(Object o, EventArgs e)
{
  string s_command = "SELECT Code,Name,Country FROM customers";
  MySqlConnection connection = new MySqlConnection();
  MySqlCommand command = new MySqlCommand();
  MySqlDataAdapter adapter = new MySqlDataAdapter();
  command.CommandText = s_command;
  adapter.SelectCommand = command;
  connection.ConnectionString = "Server=192.168.10.9;Database=Customers;User Id=temporalguest;Password=111111;";
  command.Connection = connection;
  DataSet ds = new DataSet();
  adapter.Fill(ds, "Table");
  List1.DataContext = ds.Tables[0].DefaultView;
  connection.Close();
}

Customizing the GridView

In this article I show how to customize the main aspects of the gridview, this is a strange control in WPF because is not accessible from Blend in design time, so here I explain how to customize it in XAML code.

Customize the header

If you want to customize the header of every column add the next code in the Listview tag:

<GridView ColumnHeaderTemplate="{StaticResource BlueHeader}">

In the case you want to customize per column add the next code:

<GridViewColumn Header="Code" DisplayMemberBinding="{Binding Path=Code}" HeaderTemplate="{StaticResource BlueHeader}" />

Now simply add the resource in the <Window> tag:

<Window.Resources>
    <DataTemplate x:Key="BlueHeader">
      <StackPanel Orientation="Horizontal" Margin="-5,-5,-5,-5" Width="120">
        <StackPanel.Background>
          <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FF223B84" Offset="1"/>
            <GradientStop Color="#FF57A0F4" Offset="0.5"/>
            <GradientStop Color="#FF4B94EC" Offset="0.5"/>
          </LinearGradientBrush>
        </StackPanel.Background>
        <TextBlock Margin="10,10,10,10" Text="{Binding}" VerticalAlignment="Center"  Foreground="White"/>
        </StackPanel>
    </DataTemplate>
</Window.Resources>

Now we will have a gridview like:

Customize the Background

That's too easy, you can do it in Blend if you want, the code you need to add in the <ListView> tag is:

<ListView.Background>
        <LinearGradientBrush EndPoint="0.939,0.919" StartPoint="0.061,0.081">
          <GradientStop Color="#FFFFE07E" Offset="0"/>
          <GradientStop Color="#FFFFFAEA" Offset="1"/>
        </LinearGradientBrush>
</ListView.Background>

And then we will have:

Customize the rows

First let's change the typical style of the rows, to do that simply add the next XAML code in the <ListView> tag:

<ListView.ItemContainerStyle>
        <Style TargetType="{x:Type ListViewItem}"  >
          <Setter Property="Height" Value="24" />
          <Setter Property="Background" Value="#5EF4E057" />
          <Setter Property="Foreground" Value="#FF4B94EC"/>
        </Style>
</ListView.ItemContainerStyle>

Now add XAML code to change when the mouse is over, to do that add a XAML style trigger, with the typical and mouse over code you will have:

<ListView.ItemContainerStyle>
        <Style TargetType="{x:Type ListViewItem}"  >
          <Setter Property="Height" Value="24" />
          <Setter Property="Background" Value="#5EF4E057" />
          <Setter Property="Foreground" Value="#FF4B94EC"/>
          
          <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="true">
              <Setter Property="Foreground" Value="DarkBlue" />
              <Setter Property="Background">
                <Setter.Value>
                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFFFC704" Offset="0.986"/>
                    <GradientStop Color="#FFF4E057" Offset="0.5"/>
                    <GradientStop Color="#FFF4E057" Offset="0.51"/>
                  </LinearGradientBrush>
                </Setter.Value>
              </Setter>
            </Trigger>
            
          </Style.Triggers>
        </Style>
</ListView.ItemContainerStyle>

and finally you will have a well styled gridview that was really hardcoding in previous versions of .net:

In Next Chapter...

I will explain:

• Adding data from an ArrayList.
• Grouping data in the gridview.
• More style customization.
• Editing data of the gridview.
• Adding controls to the gridview.

Release History

1.0 Original version of the article

You must Sign In to use this message board.

FAQ    Noise Tolerance Very HighHighMediumLowVery Low   Layout Expand Posts & RepliesThread ViewNo JavascriptNo JS + Preview   Per page 102550

Msgs 1 to 25 of 35 (Total in Forum: 35) (Refresh) FirstPrevNext

How to code selected row event in grid view please reply becos i am new to wpf. Member 3564019 3:24 22 Jun '09   i am using gridview to display some contacts. Now i need to display details of a perticular contact when i click row. Please reply ASAP. Thanks in advance. Sign In·View Thread·PermaLink 2.00/5 (1 vote) WPF GridView code sample e.tzumer 23:41 17 Jun '09   Hi all, I am looking for a sharp looking source code sample for a WPF GridView with button columns and, lots of event handling as I need many of those implemented. My data source is XML based but I can build a wrapper of any sort if needed. Help anyone? Many thanks, Edo Tzumer Sign In·View Thread·PermaLink Re: WPF GridView code sample jinal shah 0:25 23 Jun '09   <Window x:Class="WPFTest.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Window1" Height="385.679" Width="528.955" ResizeMode="CanResize" WindowState="Maximized" Loaded="Window_Loaded"> <Grid> <ListView Name="List1" GridViewColumnHeader.Click="GridViewColumnHeader_Click" ItemTemplate="{DynamicResource CustomerTemplate}" ItemsSource="{Binding Path=Table}" Margin="22.491,58.31,37.485,149.107"> <ListView.View> <GridView > <GridViewColumn DisplayMemberBinding="{Binding CustomerId}" Header="Id" /> <GridViewColumn DisplayMemberBinding="{Binding FirstName}" Header="First Name" /> <GridViewColumn DisplayMemberBinding="{Binding LastName}" Header="Last Name" /> <GridViewColumn DisplayMemberBinding="{Binding Phone}" Header="Phone" /> <GridViewColumn Header="Action"> <GridViewColumn.CellTemplate> <DataTemplate> <Button Grid.Column="5" HorizontalAlignment="Right" Padding="2" Tag="{Binding Path=CustomerId}" Click="cmdView_Clicked">View ...</Button> </DataTemplate> </GridViewColumn.CellTemplate> </GridViewColumn> </GridView> </ListView.View> </ListView> <TextBox Margin="106,371,8,0" Text="{Binding Path=FirstName}" TextWrapping="Wrap" x:Name="txtFirstName" Height="20" VerticalAlignment="Top" /> <Label HorizontalAlignment="Left" Margin="24,369,0,0" Width="78" Content="First Name" x:Name="lblFirstName" Height="22" VerticalAlignment="Top" /> <TextBox Margin="106,399,8,0" x:Name="txtLastName" TextWrapping="Wrap" Text="{Binding Path=LastName}" VerticalAlignment="Top" Height="24"/> <Label HorizontalAlignment="Left" Margin="24,397,0,0" x:Name="lblLastName" Width="78" Content="Last Name" Height="26" VerticalAlignment="Top"/> <TextBox Margin="106,430,8,0" x:Name="txtPhone" VerticalAlignment="Top" Height="26" Text="{Binding Path=Phone}" TextWrapping="Wrap"/> <Label HorizontalAlignment="Left" Margin="24,430,0,0" x:Name="lblPhone" VerticalAlignment="Top" Width="78" Height="26" Content="Phone"/> <Button HorizontalAlignment="Left" Margin="33,311,0,0" VerticalAlignment="Top" Width="94" Height="32" Content="Add New" x:Name="btnAddNew"/> <Button Margin="0,311,59,0" x:Name="btnDelete" VerticalAlignment="Top" Height="32" Content="Delete" Width="94" HorizontalAlignment="Right"/> </Grid> </Window> Sign In·View Thread·PermaLink how to sort name alphabetical order priyanka_raj 19:45 5 Mar '09   thanks for the useful artical... can u plz tell me how to sort name column in WPF browser application. Sign In·View Thread·PermaLink where is the link to second part and third Member 3295645 21:40 9 Feb '09   can u provide me the links for the second part and third. its deadly need to me. hi this by the learner Sign In·View Thread·PermaLink 1.00/5 (1 vote) Ask for help dearcyrix 5:54 18 Sep '08   Hi I am a beginner in WPF and I found difficulties in using ListView. It seems the ListView[WPF] changed a lot from the ListView[Forms] how to insert a string[] into ListView ? and How to pick up content from a ListViewItem ? Even MessageBox.Show(ListViewItem.Content.ToString()) does not work. I am so confused . Thanks for your help and waiting for your 2 and 3 of 3 Sign In·View Thread·PermaLink Set other Background than default Blue when a ListViewItem is selected pixel3cs 6:36 10 May '08   How can i do this? Your code doesn't show how to do it. I have tried to add another Trigger in listview.itemcontainerstyle like this: <code>                               <ListView.ItemContainerStyle>                                     <Style TargetType="{x:Type ListViewItem}">                                           <Setter Property="Height" Value="24" />                                           <Setter Property="Background" Value="#5EF4E057" />                                           <Setter Property="Foreground" Value="#FF4B94EC" />                                           <Style.Triggers>                                                 <Trigger Property="IsMouseOver" Value="true">                                                       <Setter Property="Foreground" Value="DarkBlue" />                                                       <Setter Property="Background">                                                             <Setter.Value>                                                                   <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">                                                                         <GradientStop Color="#FFFFC704" Offset="0.986"/>                                                                         <GradientStop Color="#FFF4E057" Offset="0.5"/>                                                                         <GradientStop Color="#FFF4E057" Offset="0.51"/>                                                                   </LinearGradientBrush>                                                             </Setter.Value>                                                       </Setter>                                                 </Trigger>                                                 <Trigger Property="IsSelected" Value="true">                                                       <Setter Property="Foreground" Value="DarkBlue" />                                                       <Setter Property="Background">                                                             <Setter.Value>                                                                   <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">                                                                         <GradientStop Color="#FFFFC704" Offset="0.986"/>                                                                         <GradientStop Color="#FFF4E057" Offset="0.5"/>                                                                         <GradientStop Color="#FFF4E057" Offset="0.51"/>                                                                   </LinearGradientBrush>                                                             </Setter.Value>                                                       </Setter>                                                 </Trigger>                                           </Style.Triggers>                                     </Style>                               </ListView.ItemContainerStyle> </code> but doesn't work. Any idea of how to solve this? Thanks. Sign In·View Thread·PermaLink Total Row? Dan Hunt 10:33 25 Oct '07   I have been playing with the WPF GridView and the one issue I am running into is the ability to have a total row. For example, I have a grid for tracking hours spent on tasks. So, my tasks are the rows and the days of the week are the columns. When I update the hours for task 1 on day 1, I want to update the total hours worked on task 1 which is in the same row and I got that working. But where I am having the issue is updating a total row at the bottom of the grid for day1. And if day1's daily total is over 8 hours, possibly make that whole column have a red border. I just can't seem to get that last piece working. Any thoughts? Will something like that be covered in one of your upcoming articles? Thanks, Dan Sign In·View Thread·PermaLink 1.00/5 (1 vote) Please post the next thread Hunny Tomar 21:21 18 Oct '07   Please post code for editing the grid in wpf. It's urgent. Sanoj Tomar Email: er_sanojtomar@yahoo.co.in Sign In·View Thread·PermaLink 5.00/5 (1 vote) alignment and columns width webspeed 7:22 15 Oct '07   Hi Juan Its a really great article. And im looking forward to your next edition(article) of the grid. Please take into consideration if you are building new features like cell edit /row click That the alignment of the content in the cells and columns width would very nice if included. Jens Sign In·View Thread·PermaLink 2.00/5 (1 vote) Here is my new one Juan Sacha Barber 11:03 25 Jul '07   http://www.codeproject.com/useritems/WCFWPFChat.asp Sacha Barber A Modern Geek - I cook, I clean, I drink, I Program. Modern or what? My Blog : sachabarber.net Sign In·View Thread·PermaLink XAML How to get parent property Juan Pablo G.C. 0:19 16 Jul '07   Suppose the next code: <StackPanel Orientation="Horizontal" Width="120" Height="30">             <Ellipse Fill="#FFBF5757" Stroke="#FF000000" /> </StackPanel> How do I to make the ellipse the same width of the stackpanel? <StackPanel Orientation="Horizontal" Width="120" Height="30" x:Name="panel">             <Ellipse Fill="#FFBF5757" Stroke="#FF000000" Width={panel.Width} /> </StackPanel> I don't know how. Thanks for any help Juan Pablo G.C. Overrider Blog Sign In·View Thread·PermaLink Re: XAML How to get parent property Sacha Barber 21:40 23 Jul '07   Juan, I believe this is what you are looking for <StackPanel Orientation="Horizontal" Width="120" Height="30" x:Name="panel" Background="#FFFF0808"> <Ellipse x:Name="elipse" Fill="#FFFFFDFD" Stroke="#FF000000" HorizontalAlignment="Stretch" Width="{Binding Path=ActualWidth, ElementName=panel, Mode=Default}" /> </StackPanel> try that Sacha Barber A Modern Geek - I cook, I clean, I drink, I Program. Modern or what? My Blog : sachabarber.net Sign In·View Thread·PermaLink 1.00/5 (1 vote) What happens when Sacha Barber 8:00 12 Jul '07   Juan, as i suspected when you resize the gridview columns, your style no longer works, as the width is fixed width. Any idea how to fix this issue ?? Sacha Barber A Modern Geek - I cook, I clean, I drink, I Program. Modern or what? My Blog : sachabarber.net Sign In·View Thread·PermaLink Re: What happens when Juan Pablo G.C. 0:18 13 Jul '07   Hi good morning sir, I'm investigating on it, at the moment I was adding controls to the gridview, I hope have time today to take a look to it, might be something like the back of the header. I'm on it Another question: any idea of where is the DateTimePicker¿?:( Juan Pablo G.C. Overrider Blog Sign In·View Thread·PermaLink 2.00/5 (1 vote) Re: What happens when Sacha Barber 0:26 13 Jul '07   There is currently no DateTimePicker see this blog. Yeah I played with the Gridview for hours last night, trying to get the custom StackPanel to scale to fill the entire column width. GRRR. It just wouldnt work. So if you find a fix, Id love to know. My new article is looking very cool though, I think you will also like it, as you seem to be GUI type fellow. Sacha Barber A Modern Geek - I cook, I clean, I drink, I Program. Modern or what? My Blog : sachabarber.net Sign In·View Thread·PermaLink I have just solved (without the trigger matters) Juan Pablo G.C. 2:37 13 Jul '07   I have just find the good way, take a look to this: <Window.Resources>       <DataTemplate x:Key="BlueHeader">          <StackPanel Orientation="Horizontal"   Margin="0,0,0,0" Width="120" Height="30">             <TextBlock Margin="0,0,0,0" Text="{Binding}" VerticalAlignment="Center"   Foreground="White"/>          </StackPanel>       </DataTemplate>       <Style x:Key="BlueStyle" TargetType="{x:Type GridViewColumnHeader}">          <Setter Property="Background">             <Setter.Value>                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">                   <GradientStop Color="#FF223B84" Offset="1"/>                   <GradientStop Color="#FF57A0F4" Offset="0.5"/>                   <GradientStop Color="#FF4B94EC" Offset="0.5"/>                </LinearGradientBrush>             </Setter.Value>          </Setter>          <Setter Property="Foreground" Value="#FFFFFFFF"/>       </Style> ... </Window.Resources> ... and then <ListView.View>             <GridView ColumnHeaderTemplate="{StaticResource BlueHeader}" ColumnHeaderContainerStyle="{StaticResource BlueStyle}"> </ListView.View> Now I suppose is only change the triggers onover matters, is useful Juan Pablo G.C. Overrider Blog Sign In·View Thread·PermaLink 2.00/5 (1 vote) Re: I have just solved (WITH the trigger matters) Juan Pablo G.C. 3:59 13 Jul '07   Add this in the Style for the GridViewColumnHeader, yeah, yeah and yeah <Style.Triggers>             <Trigger Property="IsMouseOver" Value="true">                <Setter Property="Foreground" Value="Black" />                <Setter Property="Background">                   <Setter.Value>                      <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">                         <GradientStop Color="#FFFFC704" Offset="0.986"/>                         <GradientStop Color="#FFF4E057" Offset="0.5"/>                         <GradientStop Color="#FFF4E057" Offset="0.51"/>                      </LinearGradientBrush>                   </Setter.Value>                </Setter>             </Trigger> </Style.Triggers> Juan Pablo G.C. Overrider Blog -- modified at 9:07 Friday 13th July, 2007 Sign In·View Thread·PermaLink Re: I have just solved (WITH the trigger matters) and header text color Juan Pablo G.C. 4:43 13 Jul '07   I was thinking how to solve the matter of change the color on mouse over, after a while I quit from the DataTemplate and I put only in the style havin in the end: <DataTemplate x:Key="BlueHeader">          <StackPanel Orientation="Horizontal"   Width="120" Height="30">             <TextBlock Text="{Binding}" VerticalAlignment="Center"/>          </StackPanel>       </DataTemplate>       <Style x:Key="BlueStyle" TargetType="{x:Type GridViewColumnHeader}">          <Setter Property="Background">             <Setter.Value>                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">                   <GradientStop Color="#FF223B84" Offset="1"/>                   <GradientStop Color="#FF57A0F4" Offset="0.5"/>                   <GradientStop Color="#FF4B94EC" Offset="0.5"/>                </LinearGradientBrush>             </Setter.Value>          </Setter>          <Setter Property="Foreground" Value="White"/>                   <Style.Triggers>             <Trigger Property="IsMouseOver" Value="true">                <Setter Property="Background">                   <Setter.Value>                      <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">                         <GradientStop Color="#FFFFC704" Offset="0.986"/>                         <GradientStop Color="#FFF4E057" Offset="0.5"/>                         <GradientStop Color="#FFF4E057" Offset="0.51"/>                      </LinearGradientBrush>                   </Setter.Value>                </Setter>                <Setter Property="Foreground" Value="Blue"/>             </Trigger>          </Style.Triggers>       </Style> A really good way to begin to create a great professional gridview (NOTE: I couldn't center the header text) I hope find it useful Sacha and everybody Juan Pablo G.C. Overrider Blog Sign In·View Thread·PermaLink 3.00/5 (2 votes) Re: I have just solved (WITH the trigger matters) and header text color Sacha Barber 6:18 13 Jul '07   I am still having issues. Any chance you could post the new code up instead of this old code. I would like to see an entire working application. Good work though Sacha Barber A Modern Geek - I cook, I clean, I drink, I Program. Modern or what? My Blog : sachabarber.net Sign In·View Thread·PermaLink Re: I have just solved (WITH the trigger matters) and header text color Juan Pablo G.C. 23:08 15 Jul '07   Tell me if you have received the code (i send you by a email post) Juan Pablo G.C. Overrider Blog Sign In·View Thread·PermaLink Re: I have just solved (WITH the trigger matters) and header text color Sacha Barber 3:27 17 Jul '07   Not yet. Could you try sachabarber@hotmail.com Thanks Sacha Barber A Modern Geek - I cook, I clean, I drink, I Program. Modern or what? My Blog : sachabarber.net Sign In·View Thread·PermaLink Re: I have just solved (WITH the trigger matters) and header text color Juan Pablo G.C. 1:22 23 Jul '07   Does anybody knows if Sacha is alive? Juan Pablo G.C. Overrider Blog Sign In·View Thread·PermaLink Re: I have just solved (WITH the trigger matters) and header text color Sacha Barber 5:41 23 Jul '07   Im here. Why you asking Juan? Sacha Barber A Modern Geek - I cook, I clean, I drink, I Program. Modern or what? My Blog : sachabarber.net Sign In·View Thread·PermaLink Re: I have just solved (WITH the trigger matters) and header text color Juan Pablo G.C. 9:55 23 Jul '07   I'm not sure if you received the email Juan Pablo G.C. Overrider Blog Sign In·View Thread·PermaLink

Last Visit: 9:58 4 Jul '09     Last Update: 9:58 4 Jul '09 12 Next »