Image + Image name in GridViewImageColumn

[naresh]

The following was my code.

<telerik:RadGridView.Columns>
	<telerik:GridViewDataColumn Header="ID" UniqueName="colID" DataMemberBinding="{Binding Id}" IsVisible="False"  />
	<telerik:GridViewImageColumn Header="Photo"  UniqueName="colImage" DataMemberBinding="{Binding ProductImage}" ImageHeight="20" ImageWidth="20"/>
	<telerik:GridViewDataColumn  Header="Product Name" UniqueName="colDisplayName" DataMemberBinding="{Binding ProductName}"/>
</telerik:RadGridView.Columns>
I have some requirement
i.e Instead of showing "Product Image" and "Product Name" in two different columns i want show both in one column.
like photo +"space" + its name.
Regards
Naresh Mesineni

[Milan]

Hi naresh,

You can achieve that by applying custom CellTemplate to a column as demonstrated here.

Regards,
Milan
the Telerik team

[naresh]

Thanks for u r quick reply.I made the changes to my code but its not working.

<telerik:GridViewImageColumn Header=""  UniqueName="colImage" DataMemberBinding="{Binding ProductImage}" ImageHeight="20" ImageWidth="20">
	<telerik:GridViewImageColumn.CellTemplate>
		<DataTemplate>
			<TextBlock Text="{Binding ProductName}"  />
		</DataTemplate>
	</telerik:GridViewImageColumn.CellTemplate>
</telerik:GridViewImageColumn>

[naresh]

Ya..I got the answer...the following code working fine

<telerik:GridViewDataColumn>
	<telerik:GridViewDataColumn.CellTemplate>
		<DataTemplate>
	        	<Grid>
				<Grid.ColumnDefinitions>
							<ColumnDefinition Width="Auto" />
							<ColumnDefinition Width="Auto" />
				</Grid.ColumnDefinitions>
				<Image Source="{Binding ProductImage}" Height="20" Width="20" Grid.Column="0" />
				<TextBlock Text="{Binding ProductName}"  Grid.Column="1" />
			</Grid>
		</DataTemplate>
	</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>