Binding to SmallIcon problem
Thanks for your example, I added the following snippits (only the important code) along with some results. I hope this will make it more clear.
<syncfusion:GridTemplateColumn HeaderText="Delete" AllowSorting="False" MappingName="">
<syncfusion:GridTemplateColumn.CellTemplate>
<DataTemplate>
<syncfusion:ButtonAdv
Name="smallButtonAdv"
Margin="2"
Height="25" Width="25"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Command="{Binding DataContext.ButtonDeleteCommand, ElementName=dataGrid}" CommandParameter="{Binding}"
Label=""
IconTemplate="{StaticResource IconDelete}"
SizeMode="Small"
Tag="Small"
syncfusion:FocusManagerHelper.FocusedElement="True"
/>
</DataTemplate>
</syncfusion:GridTemplateColumn.CellTemplate>
</syncfusion:GridTemplateColumn>
<syncfusion:GridTemplateColumn HeaderText="Name" MappingName="FriendlyName" IsReadOnly="True">
<syncfusion:GridTemplateColumn.CellTemplate>
<DataTemplate>
<Grid Margin="3">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="19" />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Image
Margin="3,0,0,0"
Grid.Column="0"
Width="16"
Height="16"
Source="{Binding Type, Converter={StaticResource typeImageConverter}}" />
<TextBlock
Grid.Column="1"
Padding="4"
VerticalAlignment="Center"
Text="{Binding FriendlyName, Mode=OneWay}"
ToolTip="{Binding FriendlyName, Mode=OneWay}"
/>
</Grid>
</DataTemplate>
</syncfusion:GridTemplateColumn.CellTemplate>
</syncfusion:GridTemplateColumn>
This gives the following:
This is the results I like to have, but is not done using the ButtonAdv, also note the aA is an icon and is the result of the typeImageConvertor listed below.
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
if (value != null)
{
string str = value.ToString();
if (str == "System.String")
return @"pack://application:,,,/Assets/Datagrid/Text-black.png";
else if (str == "System.Decimal")
return @"pack://application:,,,/Assets/Datagrid/Number-black.png";
else if (str == "System.Boolean")
return @"pack://application:,,,/Assets/Datagrid/Boolean-black.png";
else if (str == "System.DateTime")
return @"pack://application:,,,/Assets/Datagrid/Date-black.png";
else if (str == "System.Int32" || str == "System.Int64")
return @"pack://application:,,,/Assets/Datagrid/Integer-black.png";
else
return null;
}
return null;
}
The trashcan resource is defined like this:
<DataTemplate x:Key="IconDelete">
<Grid>
<Grid Name="backgroundGrid" Width="16" Height="16" Visibility="Collapsed" />
<Path Stretch="Uniform" Fill="Black" Width="12" Height="12" Margin="0,0,0,0" RenderTransformOrigin="0.5,0.5" >
<Path.Data>
<PathGeometry FillRule="Nonzero" Figures="M18,10L20,10 20,26 18,26 18,10z M14,10L16,10 16,26 14,26 14,10z M10,10L12,10 12,26 10,26 10,10z M6,6L6,29 6.296875,29.703125 7,30 23,30 23.703125,29.703125 24,29 24,6 6,6z M12,2L12,4 18,4 18,2 12,2z M12,0L18,0 18.78125,0.15625 19.4140625,0.5859375 19.84375,1.21875 20,2 20,4 28,4 28,6 26,6 26,29 25.765625,30.171875 25.125,31.125 24.171875,31.765625 23,32 7,32 5.828125,31.765625 4.875,31.125 4.234375,30.171875 4,29 4,6 2,6 2,4 10,4 10,2 10.15625,1.21875 10.5859375,0.5859375 11.21875,0.15625 12,0z" />
</Path.Data>
<Path.RenderTransform>
<TransformGroup>
<TransformGroup.Children>
<RotateTransform Angle="0" />
<ScaleTransform ScaleX="1" ScaleY="1" />
</TransformGroup.Children>
</TransformGroup>
</Path.RenderTransform>
</Path>
</Grid>
</DataTemplate>
The problem is that using an icon on the ButtonAdv does not work, I like to use a button in the second column, but for this demo I use the trashcan resource and substitute it for the aA icon like this:
<syncfusion:GridTemplateColumn HeaderText="Delete" AllowSorting="False" MappingName="">
<syncfusion:GridTemplateColumn.CellTemplate>
<DataTemplate>
<syncfusion:ButtonAdv
Name="smallButtonAdv"
Margin="2"
Height="25" Width="25"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Command="{Binding DataContext.ButtonDeleteCommand, ElementName=dataGrid}" CommandParameter="{Binding}"
Label=""
SmallIcon="{Binding Type, Converter={StaticResource typeImageConverter}}"
SizeMode="Small"
Tag="Small"
syncfusion:FocusManagerHelper.FocusedElement="True"
/>
</DataTemplate>
</syncfusion:GridTemplateColumn.CellTemplate>
This will give the following result: No icon displayed on the ButtonAdv item.
I hope this explains my problem in more details.
Best regards, Jan Pieter
