We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Hi Silvio,
Approach 1: If you need to display an image in a CheckBoxFilterControl, you can use the following approach. This approach we need to edit the CheckBoxFilterControl template. Refer to the below code snippets to get more information.
|
<Syncfusion:GridImageColumn AllowEditing="False" HeaderText="Country" MappingName="ImageLink"> <Syncfusion:GridImageColumn.FilterPopupStyle> <Style TargetType="Syncfusion:GridFilterControl"> <Setter Property="CheckboxFilterStyle"> <Setter.Value> <Style TargetType="Syncfusion:CheckboxFilterControl"> <Setter Property="Background" Value="Red"/> <Setter Property="ItemTemplate"> <Setter.Value> <DataTemplate> <CheckBox Margin="4" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch" Focusable="False" Content="{Binding}" FontWeight="{Binding FontWeight,RelativeSource={RelativeSource Self}}" Foreground="{Binding Foreground,RelativeSource={RelativeSource Self}}" IsChecked="{Binding IsSelected, Mode=TwoWay}"> <CheckBox.ContentTemplate> <DataTemplate> <Image Source="{Binding Path=ActualValue}" HorizontalAlignment="Left" Height="25"/> </DataTemplate> </CheckBox.ContentTemplate> </CheckBox> </DataTemplate> </Setter.Value> </Setter> </Style> </Setter.Value> </Setter> </Style> </Syncfusion:GridImageColumn.FilterPopupStyle> </Syncfusion:GridImageColumn> |
Output:
Approach 2: If you need to display an image in the UI and then display a string representation of the same image in a CheckBoxFilterControl, you can use the following approach.This approach can be achieved by using the TextColumn with a cell template. Please refer to the code snippets below for more information.
|
<Syncfusion:GridTextColumn AllowEditing="False" HeaderText="Country" TextAlignment="Center" MappingName="Country"> <Syncfusion:GridTextColumn.CellTemplate> <DataTemplate> <Image Source="{Binding Path=Country, Converter={StaticResource stringToImageConverter}}" Stretch="Uniform"/> </DataTemplate> </Syncfusion:GridTextColumn.CellTemplate> </Syncfusion:GridTextColumn> |
Converter
|
public class StringToImageConverter : IValueConverter { public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) { string imagename = value as string + ".png"; ; return new BitmapImage(new Uri(string.Format(@"..\..\Images\{0}", imagename), UriKind.Relative)); }
public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) { return null; } } |
Output:
Regards,
Sathiyathanam