[Solved] Wrong image displayed in new window

[Alain]

Hi,

I'm trying to implement a carousel of images with RadSlideView as per the example in the demo. On tapping the currently displayed image on the carousel, I should get the same image full screen using a new window, right? However and all the time, I'm getting the previous image in the collection displayed full screen. Am I doing something wrong? Here's the XAMLcode:

<telerikPrimitives:RadSlideView Grid.Row="0"
                                            x:Name="slideView"
                                            ItemsSource="{Binding mySource}"
                                            AdjacentItemsPreviewMode="Both"

                                            >
                <telerikPrimitives:RadSlideView.ItemTemplate>
                    <DataTemplate>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <Image
                            Source="{Binding Pic, Converter={StaticResource BytesToImageConverter}}"
                            Width="460" Height="460"
                            Margin="0,0,0,0"
                                Tap="Image_Tap">
                            </Image>
                            <telerikPrimitives:RadWindow IsFullScreen="True"
                                     x:Name="window">
                                <telerikPrimitives:RadWindow.OpenAnimation>
                                    <telerikCore:RadScaleAnimation StartScaleX="0"
                                               StartScaleY="0"
                                               EndScaleX="1"
                                               EndScaleY="1"/>
                                </telerikPrimitives:RadWindow.OpenAnimation>
                                <telerikPrimitives:RadWindow.CloseAnimation>
                                    <telerikCore:RadScaleAnimation StartScaleX="1"
                                               StartScaleY="1"
                                               EndScaleX="0"
                                               EndScaleY="0"/>
                                </telerikPrimitives:RadWindow.CloseAnimation>
                                <Grid>
                                    <TextBlock Text="Zoom and pan for a more detailed view"
                           Foreground="{StaticResource PhoneAccentBrush}"
                           Margin="0, 12, 0, 0"/>
                                    <slideView:PanAndZoomImage Grid.Row="1"
                                           ZoomMode="Free"
                                           x:Name="panZoom"
                                           MaximumZoom="4"
                                           Source="{Binding Pic, Converter={StaticResource BytesToImageConverter}}"/>
                                </Grid>
                            </telerikPrimitives:RadWindow>
                        </Grid>
                    </DataTemplate>
                </telerikPrimitives:RadSlideView.ItemTemplate>
                <telerikPrimitives:RadSlideView.ItemPreviewTemplate>
                    <DataTemplate>


                    </DataTemplate>
                </telerikPrimitives:RadSlideView.ItemPreviewTemplate>
            </telerikPrimitives:RadSlideView>

Thanks,
Alain  

[Kiril Stanoev]

Hi Alain,

This issue has been fixed with the latest internal build.  

RadControls_for_WindowsPhone8_2013_3_0828_DEV_hotfix.zip

RadControls_for_WindowsPhone8_2013_3_0828_TRIAL_hotfix.zip
 
Regards,
Kiril Stanoev
Telerik

[Alain]

Hi Kiril,

I have applied the hotfix  and the referenced assembly version for Telerik in VS.NET is now: 2013.3.828.3040,

but the problem persists.


Best regards,
Alain

[Kiril Stanoev]

Hello Alain,

I'd also suggest you use the OverlayContentTemplate  property instead of a RadWindow (inside your SlideView's ItemTemplate).

<telerikPrimitives:RadSlideView Grid.Row="0" x:Name="slideView" AdjacentItemsPreviewMode="Both"
        IsShowOverlayContentOnTapEnabled="True" OverlayContentTemplate="{StaticResource OverlayTemplate1}"
        IsLoopingEnabled="True">
    <telerikPrimitives:RadSlideView.ItemTemplate>
        <DataTemplate>
            <Image Source="{Binding Pic}" Width="460" Height="460" Margin="0,0,0,0" Tap="Image_Tap"></Image>
        </DataTemplate>
    </telerikPrimitives:RadSlideView.ItemTemplate>
</telerikPrimitives:RadSlideView>

<DataTemplate x:Name="OverlayTemplate1">
    <Grid>
        <Grid.Background>
            <SolidColorBrush Color="{StaticResource PhoneBackgroundColor}" Opacity="0.6" />
        </Grid.Background>
        <telerikPrimitives:RadTransitionControl Content="{Binding}">
            <telerikPrimitives:RadTransitionControl.Transition>
                <telerikPrimitives:RadFadeTransition PlayMode="Simultaneously">
                    <telerikPrimitives:RadFadeTransition.ForwardInAnimation>
                        <telerikCore:RadFadeAnimation StartOpacity="0.5" EndOpacity="1" Duration="00:00:0.2" />
                    </telerikPrimitives:RadFadeTransition.ForwardInAnimation>
                </telerikPrimitives:RadFadeTransition>
            </telerikPrimitives:RadTransitionControl.Transition>
            <telerikPrimitives:RadTransitionControl.ContentTemplate>
                <DataTemplate>
                    <Grid>
                        <TextBlock Text="Zoom and pan for a more detailed view"
                                Foreground="{StaticResource PhoneAccentBrush}" Margin="0, 12, 0, 0" />
                        <slideView:PanAndZoomImage Grid.Row="1" ZoomMode="Free" x:Name="panZoom" MaximumZoom="4"
                                Source="{Binding Pic}" />
                    </Grid>
                </DataTemplate>
            </telerikPrimitives:RadTransitionControl.ContentTemplate>
        </telerikPrimitives:RadTransitionControl>
    </Grid>
</DataTemplate>

The result from the above should look something like this: http://screencast.com/t/L484OPV0SnN

If that doesn't suit your scenario could you please let me know how you show the RadWindow? I assume you're doing it inside Tap="Image_Tap"

I'd be glad to assist you further. 
Regards,
Kiril Stanoev
Telerik

[Vadim]

Hi,
Looks like I have same problem.
And the problem is reproducible even with the demo project:
All controls-> Slide View -> First Look:
1 Memorize photo
2 Press Search on appbar
3 Go back
As a result the picture from the right is duplicated on the screen. Actually, slide right and you'll see duplicates... It looks bad.
I need fix or workaround for this problem :(

[Todor]

Hello Vadim,

I was able to reproduce the issue that you have reported by using the official release of the controls. The fix has already been included in our code and in the builds that we publish on a weekly basis. You can download the latest internal build from your account and update your project's references to remove the annoying behavior.

If you need further assistance, don't hesitate to write us back.
 
Regards,
Todor
Telerik