Wrong image displayed in new window

6 posts, 0 answers
  1. Alain
    Alain avatar
    13 posts
    Member since:
    Mar 2011

    Posted 02 Sep 2013 Link to this post

    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  
  2. Kiril Stanoev
    Admin
    Kiril Stanoev avatar
    1512 posts

    Posted 04 Sep 2013 Link to this post

    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
    Have a suggestion or face a problem - you can use the Ideas & Feedback portal to submit ideas, feedback and vote for them.
  3. DevCraft banner
  4. Alain
    Alain avatar
    13 posts
    Member since:
    Mar 2011

    Posted 04 Sep 2013 Link to this post

    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
  5. Kiril Stanoev
    Admin
    Kiril Stanoev avatar
    1512 posts

    Posted 05 Sep 2013 Link to this post

    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
    Have a suggestion or face a problem - you can use the Ideas & Feedback portal to submit ideas, feedback and vote for them.
  6. Vadim
    Vadim avatar
    2 posts
    Member since:
    Apr 2011

    Posted 13 Sep 2013 Link to this post

    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 :(
  7. Todor
    Admin
    Todor avatar
    778 posts

    Posted 16 Sep 2013 Link to this post

    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
    Have a suggestion or face a problem - you can use the Ideas & Feedback portal to submit ideas, feedback and vote for them.
Back to Top
DevCraft banner