CoverFlow - red-cross icons instead of images

3 posts, 1 answers
  1. Moni
    Moni avatar
    39 posts
    Member since:
    Feb 2010

    Posted 08 Mar 2010 Link to this post

    Going through the CoverFlow example in the large tutorial.
    Simple enough and it compiles and runs - only instead of the flowing images I see small red circle icons with a white cross inside.
    The images I am positive I put in the ProjectName\Images folder. These Images I took from the large Telerik demo project.
    Here the XAML code (default, almost empty XAML.CS) - hope it is an error simple to spot.

    <

     

    navigation:Page

     

     

    xmlns:telerikNavigation="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation"

     

     

    x:Class="NorthwindBusApp.Views.CoverFlow"

     

     

    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"

     

     

    xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"

     

     

    mc:Ignorable="d"

     

     

     

    d:DesignWidth="640" d:DesignHeight="480"

     

     

    Title="CoverFlow Page">

     

     

     

     

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

     

     

     

     

    <Grid x:Name="LayoutRoot">

     

     

     

    <telerikNavigation:RadCoverFlow>

     

     

     

    <Image Source="images/01.png" Style="{StaticResource ImageStyle}" />

     

     

     

    <Image Source="images/02.png" Style="{StaticResource ImageStyle}" />

     

     

     

    <Image Source="images/03.png" Style="{StaticResource ImageStyle}" />

     

     

     

    <Image Source="images/04.png" Style="{StaticResource ImageStyle}" />

     

     

     

    <Image Source="images/05.png" Style="{StaticResource ImageStyle}" />

     

     

     

    </telerikNavigation:RadCoverFlow>

     

     

     

    </Grid>

     

    </

     

    navigation:Page>

     

  2. Answer
    Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 10 Mar 2010 Link to this post

    Hello Moni,

    Most probably the URI's of the images or their build actions is not correct. If you provide us with a project we could give more concreate answer what the problem is. In order to send us a project, you need to open a support ticket.

    Regards,
    Miroslav Nedyalkov
    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.
  3. Moni
    Moni avatar
    39 posts
    Member since:
    Feb 2010

    Posted 10 Mar 2010 Link to this post

    Your indication about possible error in how I call the URI prompted me to open a new empty Silverlight Navigation Project and try there. Single page - all hard-coded in the XAML as per the tutorial in the Silverlight Courseware.
    It all worked fine - problem is somewhere on my end.
    Many thanks for your suggestion - helped me get unstuck.

    For other users - make sure you do not have a leading "/" in the URI of the image in the XAML.

    <

     

    telerikNavigation:RadCoverFlow>

     

     

     

    <Image Source="images/01.png" Style="{StaticResource ImageStyle}" />

     


Back to Top