This is a migrated thread and some comments may be shown as answers.

Beta CF - Problem with sizing in different Resolutions

4 Answers 69 Views

CoverFlow

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Ben Hayat asked on 10 Oct 2009, 08:29 PM

lowres.jpg

hires.jpg

Hi;

I see a problem with the control that it does not resize properly n different resolutions.
I have a CF with the following info:

    
                    <telerikNavigation:RadCoverFlow x:Name="coverFlow"  
        
                                                    CameraViewpoint="Center"  
        
                                                    ItemScale="0.5"  
        
                                                    IsReflectionEnabled="False"  
        
                                                    SelectedIndex="0" Background="{x:Null}" OffsetY="20" 
        
                                                    ItemMaxHeight="600" ItemMaxWidth="800"> 
        
                        <telerikNavigation:RadCoverFlow.Effect> 
        
                            <DropShadowEffect BlurRadius="30" ShadowDepth="20" Color="#FF292929"/> 
        
                        </telerikNavigation:RadCoverFlow.Effect> 
        
                        <telerikNavigation:RadCoverFlow.EasingFunction> 
        
                            <CircleEase EasingMode="EaseOut"/> 
        
                        </telerikNavigation:RadCoverFlow.EasingFunction> 
        
                        <Image Source="/Gallery/Stairway.jpg" /> 
        
                        <Image Source="/Gallery/BlueRoom.jpg" /> 
        
                        <Image Source="/Gallery/Kitchen.jpg" /> 
        
                        <Image Source="/Gallery/Bath.jpg" /> 
        
                        <Image Source="/Gallery/LivingRoom.jpg" /> 
        
                    </telerikNavigation:RadCoverFlow>

If I run this in hi resolution, like 1920x1200 it shows properly, But if I run it in low resolution like 1024x768, the control does not scale down properly and cuts the images. Note: I have set the images as "Uniform"

Here are two screen shots to show the problem:
Thanks!
..Ben

4 Answers, 1 is accepted

answered on 12 Oct 2009, 12:00 AM

Hi Hristo;

Thank you for your attention, I changed the code as following and the results is exactly the same.

    
                    <telerikNavigation:RadCoverFlow x:Name="coverFlow"  
        
                                                    CameraViewpoint="Center"  
        
                                                    ItemScale="0.5"  
        
                                                    IsReflectionEnabled="False"  
        
                                                    SelectedIndex="0" Background="{x:Null}" OffsetY="20" 
        
                                                    ItemHeight="600" ItemWidth="800"> 
        
                        <telerikNavigation:RadCoverFlow.Effect> 
        
                            <DropShadowEffect BlurRadius="30" ShadowDepth="20" Color="#FF494949"/> 
        
                        </telerikNavigation:RadCoverFlow.Effect> 
        
                        <telerikNavigation:RadCoverFlow.EasingFunction> 
        
                            <CircleEase EasingMode="EaseOut"/> 
        
                        </telerikNavigation:RadCoverFlow.EasingFunction> 
        
                        <Border BorderThickness="5" BorderBrush="Black"> 
        
                            <Image Source="/Gallery/Stairway.jpg" /> 
        
                        </Border> 
        
                        <Border BorderThickness="5" BorderBrush="Black"> 
        
                            <Image Source="/Gallery/BlueRoom.jpg" /> 
        
                        </Border> 
        
                    </telerikNavigation:RadCoverFlow>

At this point, I'd like to summarize the issues that I've found which would be great to fix:
a) The Gray color for each item needs to be removed.
b) If the "ItemScale" is set to less than 1, the first item shows the same as the rest.
c) If the reflection is off, the CF component should re-position at center and not top (I provided screen shot)
d) When running CF in different resolution, the CF does not rescal/resize properly.

Here at this link, you can see the problems.

Thank you again!
..Ben

Accepted