How to populate Image in RadGridView by C# code

[miral shah]

protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if (e.Item is GridHeaderItem)

{

GridHeaderItem header = (GridHeaderItem)e.Item;

// to set the height of the Grid Header

header.Height = Unit.Pixel(20);

// to add an Image in the Grid Header

Image img=new Image();

img.ID = "Image1";

img.ImageUrl = "~/Image1.gif";

header["columnUniqueName"].Controls.Add(img);

}

}  Can anyone please let me know how to do above thing in WPF RADGRIDVIEW because radgridview dont have any event like ItemDataBound. I m also using Telerik.windows.control namaspace not Telerik.Web.UI.  Below is my Code // I m adding Columns dynamically, GridViewDataColumn IsUnRead = new GridViewDataColumn(); IsUnRead.Header = "R"; IsUnRead.UniqueName = "IsUnRead"; IsUnRead.Width = new GridLength(40); this.gvEmail.Columns.Add(IsUnRead); I want to have Image in header also dynamically by code. Thanks in advance. Your view will be highly appreciated. MIRAL SHAH

[Milan]

Hello miral shah,

I am sending you a sample that demonstrates how you can place an image in a header. The sample demonstrates both XAML and code declaration.

Hope this helps.

Sincerely yours,
Milan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[miral shah]

Respect Sir,

Thank you very much for sending the sample. Its works as a charm.

Can you let me know how to have IMAGE with Text in the same. Because header property of the radgridview accept Image or Text , not both at a time.

Thanking you

Miral Shah

[Milan]

Hello miral shah,

You can put any kind of content in the Header property. If you would like to combine several elements you just have to use some sort of panel (StackPanel for instance). Here is how you can add both an image and some text:

<telerikGrid:RadGridView x:Name="radGridView" AutoGenerateColumns="False">
    <telerikGrid:RadGridView.Columns>
        <telerikGrid:GridViewDataColumn DataMemberBinding="{Binding Sender}">
            <telerikGrid:GridViewColumn.Header>
                <StackPanel>
                    <Image Source="/Content/Images/red.png" Height="40" Width="40"/>
                    <TextBlock Text="MyHeaderText"/>
                </StackPanel>
            </telerikGrid:GridViewColumn.Header>
        </telerikGrid:GridViewDataColumn>
    </telerikGrid:RadGridView.Columns>
</telerikGrid:RadGridView>

Or...

private void CreateSecondImageInHeader()
{
    GridViewDataColumn column = new GridViewDataColumn();
    column.DataMemberBinding = new Binding("Size");

    Image image = new Image() { Height=40, Width=40 };
    image.Source = new BitmapImage(new Uri(@"/Content/Images/green.png", UriKind.RelativeOrAbsolute));
    TextBlock textBlock = new TextBlock() { Text = "MyHeaderText" };

    // add the image and the text to a panel
    StackPanel headerPanel = new StackPanel();
    headerPanel.Children.Add(image);
    headerPanel.Children.Add(textBlock);

    column.Header = headerPanel;

    this.radGridView.Columns.Add(column);
}

Hope this helps.

Regards,
Milan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.