CoverFlow disappears in StackPanel

[David Beck]

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>

[David Beck]

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

[George]

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.

[David Beck]

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..

[George]

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

[David Beck]

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

[George]

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

[Guy]

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.

[Shilpi]

Has this issue been fixed? I don't want to specify a height or width but need this fix soon.

[Ivo]

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