none
Issue with blurry images

    Question

  • Hello,

     I'm using a pivot with 2 templates for cards.

     Sometimes, the images are not well displayed, only the first template is displayed and it's blurry (and not readable).

     When I zoom in, the next template is not displayed.

     It seems to happen more frequently when pivot's collection contains 100 items or more.

     When I close the pivot and reopen it on the same collection, all images are correctly be displayed.

     Sometimes, this problem happens on all images, sometime it's on some images of the collection.

     

     Any idea on what could be the problem?

     

    Thanks,

    Yoann

    Monday, April 16, 2012 5:57 AM

Answers

  • Hello LightSwitch,

     

    I'm using IE 9 on Windows 7. I'm working with a size of 100%.

    One of the link suggesed by ansysl was about the browser version , so I tried on firefox and until now, I was not able to reproduce the problem on firefox.

     So, I guess this is an issue coming from IE (I'm surprised, I thought browser would not have impact on rendering).

     

    Thanks for your help,

    Yoann

     

    Wednesday, April 18, 2012 3:49 AM

All replies

  • Can you post your PV item templates?

    Monday, April 16, 2012 11:21 AM
  • Hello Tony,

      Here's my template:

       <pivot:PivotViewer.ItemTemplates>
                    <pivot:PivotViewerItemTemplate MaxWidth="150">
                        <Border  BorderBrush="Black"
                                 BorderThickness="1"
                                 Background="{StaticResource ContrastForegroundBrush}"
                                 Height="150"
                                 Width="150">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="10" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="auto" />
                                    <RowDefinition Height="auto" />
                                </Grid.RowDefinitions>

                                <Rectangle Fill="{Binding Path=StatusColor, Converter={StaticResource StringToColorBrushConverter}}"
                                           Grid.RowSpan="3"
                                           HorizontalAlignment="Stretch"
                                           VerticalAlignment="Stretch" />

                                <TextBlock Text="{Binding Path=InternalIdentifier}"
                                           Style="{StaticResource MainTextTitle1Style}"
                                           Grid.Column="1"
                                           HorizontalAlignment="Left"
                                           Margin="5 10" />
                                <TextBlock Text="{Binding Path=DVC_DTSTBLREF, Converter={StaticResource DateToStringConverter}}"
                                           Style="{StaticResource AddTextDetailStyle}"
                                           Grid.Column="1"
                                           Grid.Row="1"
                                           HorizontalAlignment="Center" />

                                <Image Source="{Binding Path=DVC_PWRBATPERCENT, Converter={StaticResource BatteryPercentageToImageConverter}}"
                                       Grid.Column="1"
                                       Grid.Row="2"
                                       Stretch="None"
                                       HorizontalAlignment="Center"
                                       VerticalAlignment="Bottom"
                                       Margin="5 10" />
                            </Grid>
                        </Border>
                    </pivot:PivotViewerItemTemplate>
                    <pivot:PivotViewerItemTemplate>
                        <Border  BorderBrush="Black"
                                 BorderThickness="1"
                                 Background="{StaticResource ContrastForegroundBrush}"
                                 Height="250"
                                 Width="250">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="20" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="auto" />
                                    <RowDefinition Height="auto" />
                                    <RowDefinition Height="auto" />
                                    <RowDefinition Height="auto" />
                                    <RowDefinition Height="auto" />
                                    <RowDefinition Height="auto" />
                                    <RowDefinition Height="auto" />
                                    <RowDefinition Height="auto" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>

                                <Rectangle Fill="{Binding Path=StatusColor, Converter={StaticResource StringToColorBrushConverter}}"
                                           Grid.RowSpan="9"
                                           HorizontalAlignment="Stretch"
                                           VerticalAlignment="Stretch" />

                                <TextBlock Text="{Binding Path=InternalIdentifier}"
                                           Style="{StaticResource MainTextTitle1Style}"
                                           Grid.Column="1"
                                           HorizontalAlignment="Left"
                                           Margin="5 10" />

                                <Image Source="{Binding Path=DVC_PWRBATPERCENT, Converter={StaticResource BatteryPercentageToImageConverter}, ConverterParameter=Large}"
                                       Grid.Row="0"
                                       Grid.Column="1"
                                       Stretch="None"
                                       VerticalAlignment="Top"
                                       HorizontalAlignment="Right"
                                       Margin="5 10" />

                                <TextBlock Text="{Binding Path=Labels.Field_AggregatedHarmonieDeviceDto_DVC_APPVERSION, Source={StaticResource ApplicationResources}, Mode=OneTime}"
                                           Grid.Row="1"
                                           Grid.Column="1"
                                           Style="{StaticResource InfoTextDetailStyle}"
                                           Margin="5 5 0 0" />
                                <TextBlock Text="{Binding Path=DVC_APPVERSION}"
                                           Grid.Row="2"
                                           Grid.Column="1"
                                           Style="{StaticResource AddTextDetailStyle}"
                                           Margin="10 2 0 0" />

                                <TextBlock Text="{Binding Path=Labels.Field_AggregatedHarmonieDeviceDto_SiteName, Source={StaticResource ApplicationResources}, Mode=OneTime}"
                                           Grid.Row="3"
                                           Grid.Column="1"
                                           Style="{StaticResource InfoTextDetailStyle}"
                                           Margin="5 5 0 0" />
                                <TextBlock Text="{Binding Path=SiteName}"
                                           Grid.Row="4"
                                           Grid.Column="1"
                                           Style="{StaticResource AddTextDetailStyle}"
                                           Margin="10 2 0 0" />

                                <TextBlock Text="{Binding Path=Labels.Field_AggregatedHarmonieDeviceDto_StatusName, Source={StaticResource ApplicationResources}, Mode=OneTime}"
                                           Grid.Row="5"
                                           Grid.Column="1"
                                           Style="{StaticResource InfoTextDetailStyle}"
                                           Margin="5 5 0 0" />
                                <TextBlock Text="{Binding Path=StatusName}"
                                           Grid.Row="6"
                                           Grid.Column="1"
                                           Style="{StaticResource AddTextDetailStyle}"
                                           Margin="10 2 0 0" />

                                <TextBlock Text="{Binding Path=Labels.Field_AggregatedHarmonieDeviceDto_DVC_DTSTBLREF, Source={StaticResource ApplicationResources}, Mode=OneTime}"
                                           Grid.Row="7"
                                           Grid.Column="1"
                                           Style="{StaticResource InfoTextDetailStyle}"
                                           Margin="5 5 0 0" />
                                <TextBlock Grid.Row="8"
                                           Grid.Column="1"
                                           Style="{StaticResource AddTextDetailStyle}"
                                           Margin="10 2 0 0">
                                    <TextBlock.Inlines>
                                        <Run Text="{Binding Path=DVC_DTSTBLREF, Converter={StaticResource DateToStringConverter}}" />
                                        <Run Text="{Binding Path=DVC_DTSTBLREF, Converter={StaticResource DateToTimeStringConverter}}" />
                                    </TextBlock.Inlines>
                                </TextBlock>

                            </Grid>
                        </Border>
                    </pivot:PivotViewerItemTemplate>

     

    @ansysl : Thnaks for your links, I'll check them.

     

    Thanks,

    Yoann

    Tuesday, April 17, 2012 4:15 AM
  • Hi yoke78,

    Could you your browser version and os?

    Please check sure that your browser is 100% size to show the page.

    I guess it maybe caused by the zoom of your browser.

    Tuesday, April 17, 2012 11:53 PM
  • Hello LightSwitch,

     

    I'm using IE 9 on Windows 7. I'm working with a size of 100%.

    One of the link suggesed by ansysl was about the browser version , so I tried on firefox and until now, I was not able to reproduce the problem on firefox.

     So, I guess this is an issue coming from IE (I'm surprised, I thought browser would not have impact on rendering).

     

    Thanks for your help,

    Yoann

     

    Wednesday, April 18, 2012 3:49 AM
  • Hi,

    As you mentioned , it works ok in firefox and blurry in IE,I think it is a surely IE GUI render problem.

    There is no problem with your project.

    Wednesday, April 25, 2012 9:34 PM