CoverFlow disappears in StackPanel

10 posts, 0 answers
  1. David Beck
    David Beck avatar
    38 posts
    Member since:
    Jun 2010

    Posted 11 Jun 2010 Link to this post

    Hello,

    I am new to silverlight but love it so far. Here my issue. I am displaying a coverflow and want to switch from the default GRID to Stackpanel layout this code works fine

    <UserControl x:Class="SL_BEXProducts_CoverFlow.MainPage" 
        xmlns:telerikNavigation="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"   
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"   
        mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">  
        <UserControl.Resources> 
            <Style x:Key="ImageStyle" TargetType="Image">  
                <Setter Property="Width" Value="150" /> 
                <Setter Property="Height" Value="100" /> 
                <Setter Property="Stretch" Value="Uniform" /> 
            </Style> 
        </UserControl.Resources> 
        <Border CornerRadius="5" BorderThickness="5" BorderBrush="Black" Margin="5,0,0,-5">  
            <Border.Background> 
                <ImageBrush ImageSource="images/CoverFlowBackground.jpg" 
                        Stretch="Fill" /> 
            </Border.Background> 
            <Grid x:Name="LayoutRoot">  
                <telerikNavigation:RadCoverFlow x:Name="CoverFlow" CameraViewpoint="Top">  
                    <Image Source="images/Email.png" Style="{StaticResource ImageStyle}" /> 
                    <Image Source="images/BEST.png" Style="{StaticResource ImageStyle}" /> 
                    <Image Source="images/SiteMonitor.png" Style="{StaticResource ImageStyle}" /> 
                    <Image Source="images/Stats.png" Style="{StaticResource ImageStyle}" /> 
                    <Image Source="images/Track.png" Style="{StaticResource ImageStyle}" /> 
                </telerikNavigation:RadCoverFlow> 
            </Grid> 
        </Border> 
    </UserControl> 
     

    But this code the background show but the Coverflow is gone now

    <UserControl x:Class="SL_BEXProducts_CoverFlow.MainPage" 
        xmlns:telerikNavigation="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"   
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"   
        mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">  
        <UserControl.Resources> 
            <Style x:Key="ImageStyle" TargetType="Image">  
                <Setter Property="Width" Value="150" /> 
                <Setter Property="Height" Value="100" /> 
                <Setter Property="Stretch" Value="Uniform" /> 
            </Style> 
        </UserControl.Resources> 
        <Border CornerRadius="5" BorderThickness="5" BorderBrush="Black" Margin="5,0,0,-5">  
            <Border.Background> 
                <ImageBrush ImageSource="images/CoverFlowBackground.jpg" 
                        Stretch="Fill" /> 
            </Border.Background> 
            <StackPanel x:Name="LayoutRoot">  
                <telerikNavigation:RadCoverFlow x:Name="CoverFlow" CameraViewpoint="Top">  
                    <Image Source="images/Email.png" Style="{StaticResource ImageStyle}" /> 
                    <Image Source="images/BEST.png" Style="{StaticResource ImageStyle}" /> 
                    <Image Source="images/SiteMonitor.png" Style="{StaticResource ImageStyle}" /> 
                    <Image Source="images/Stats.png" Style="{StaticResource ImageStyle}" /> 
                    <Image Source="images/Track.png" Style="{StaticResource ImageStyle}" /> 
                </telerikNavigation:RadCoverFlow> 
            </StackPanel > 
        </Border> 
    </UserControl> 
     
  2. David Beck
    David Beck avatar
    38 posts
    Member since:
    Jun 2010

    Posted 11 Jun 2010 Link to this post

    OK im still trying to change things to see what happens so heres and update

    I added 2 TextBlock and they show up fine. I thing found out that when using a stackpanel is i Maximize my window or get larger than a certain size the Coverflow disappers. This doesnt happen with the Grid setting

    UPDATE: when the Browser window exceeds 1145px it disappers
  3. DevCraft banner
  4. George
    Admin
    George avatar
    1332 posts

    Posted 16 Jun 2010 Link to this post

    Hello Loren Dorez,

    Thank you for contacting Telerik Support.

    When you want to put CoverFlow control in a StackPanel you should set Height and Width for the StackPanel, otherwise CoverFlow stays invisible.

    Thank you for reporting this bug, it helps us in improving our products. I am glad to give you 500 points for reporting this abnormal behavior of our CoverFlow control. We will consider fixing this bug in our further releases. You can track this progress in our Public Issue Tracking System (PITS) with Issue ID = 2446.

    I hope this information helps. I will be glad to assist you further.


    Sincerely yours,
    George
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  5. David Beck
    David Beck avatar
    38 posts
    Member since:
    Jun 2010

    Posted 16 Jun 2010 Link to this post

    Thank You, Your products are great and solid so I am happy to help in anyway i can.

    For now i use a grid with grid rows As this way its more of a dynamic feel to it. Also a suggestion would be to put like a Scroll bar or button auttomatically into the converflow and have properties to turn off an off like

    ShowScrollBar with maybe a subsection for scrollbar settings
    Show Buttons with a similar section for sow left/Right Jump to end etc..
    And where to place them etc..

  6. George
    Admin
    George avatar
    1332 posts

    Posted 18 Jun 2010 Link to this post

    Hello Loren Dorez,

    Thank you for getting back to us.

    Could you please give us some more information about these features? Sending us a screenshot will be really helpful. We appreciate your feedback, which helps us improve our products.

    Looking forward to your reply.

    Kind regards,
    George
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  7. David Beck
    David Beck avatar
    38 posts
    Member since:
    Jun 2010

    Posted 18 Jun 2010 Link to this post

    Well there not much more detail

    You have in the SL Demos a scrollbar and another using buttons to glide/move through the coverflow. You are basically just using the standard Scrollbar element and button elements. The hard part comes into positioning. As i found the Scrollbar tended to block the cool mirror effect and with the buttons i had trops trying to place 2 on the right and 2 on the left for a single page through of the coverflow and a "move to end" button to all line up.

    I was thinking you guys could add some addition proerties ill use the scroll bar for an example

    <telerikNavigation:RadCoverFlow x:Name="CoverFlow" CameraViewpoint="Top" ShowScrollbar="true|False" ScrollbarPosition="bottom|Top">     
                    <Image Source="images/Email.png" Style="{StaticResource ImageStyle}" />    
                    <Image Source="images/BEST.png" Style="{StaticResource ImageStyle}" />    
                    <Image Source="images/SiteMonitor.png" Style="{StaticResource ImageStyle}" />    
                    <Image Source="images/Stats.png" Style="{StaticResource ImageStyle}" />    
                    <Image Source="images/Track.png" Style="{StaticResource ImageStyle}" />    
                </telerikNavigation:RadCoverFlow>    
     

    maybe have some X|Y offset as well for additional customizing and thus the Cverflow places a scrollbar on its own and positions itself below the cool mirror effect or above etc.. So people dont have to use GRID Rows are StackPanels
  8. George
    Admin
    George avatar
    1332 posts

    Posted 22 Jun 2010 Link to this post

    Hi David Beck,

    Thank you for getting back to me.

    Thank you for helping us improve our products. I registered your request in our Public Issue Tracking System(PITS). You can track its process with IssueID = 2506. We will definitely consider implementing in some of our next releases.

    I hope this information helps.

    All the best,
    George
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  9. Guy
    Guy avatar
    46 posts
    Member since:
    Nov 2008

    Posted 13 Apr 2012 Link to this post

    This bug is still present in the 2012.1.227.1050 version. If the CoverFlow is inside a StackPanel, it is invisible unless you explicitly specify a Width and Height for the StackPanel. Auto does not work, you must specify an exact value.
  10. Shilpi
    Shilpi avatar
    18 posts
    Member since:
    Jan 2012

    Posted 25 Jun 2012 Link to this post

    Has this issue been fixed? I don't want to specify a height or width but need this fix soon.
  11. Ivo
    Admin
    Ivo avatar
    390 posts

    Posted 26 Jun 2012 Link to this post

    Hello Shilpi,

    I am copying the answer from your other thread.

    Actually we investigated this and we think this one is a feature and not an issue of the RadCoverFlow, because the control was designed to work with fixed sizes. We have created a new feature request into our PITS and you can find it here. If it gets enough votes we will consider implementing it.

    Greetings,
    Ivo
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Back to Top
DevCraft banner