Articles in this section
Category / Section

How to avoid blurred image scrolling in WinRT DataGrid?

2 mins read

The images loaded to the GridImageColumn looks blurred while filtering, scrolling, or refreshing the SfDataGrid. Here, the GridCell that is loaded to the view has blurred images since the SfDataGrid uses the VirtualizaionMode as recycling, by default.

Note:

The same scenario is discussed in the MSDN link.

 

You can overcome this by customizing the cell style of the GridImageColumn with the target type as GridCell and set the CacheMode as the BitmapCache. This is demonstrated in the following code example.

XAML

<Page.Resources>        
    <!--Sets the CacheMode as BitmapCache for the GridImageColumn's cell -->.
    <Style x:Key="cellStyle" TargetType="syncfusion:GridCell">
        <Setter Property="CacheMode" Value="BitmapCache" />
    </Style>
</Page.Resources>
<syncfusion:GridImageColumn Width="80"
                            CellStyle="{StaticResource cellStyle}"
                            HeaderText="Country"
                            ImageHeight="50"
                            ImageWidth="50"                                           
                            TextAlignment="Center"
                            ValueBinding="{Binding Country,
                                                   Converter={StaticResource converter}}" />

 

Sample Links:

 

WinRT

WP

UWP


Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied