Cutted First Item in Coverflow

2 posts, 0 answers
  1. Maciej
    Maciej avatar
    2 posts
    Member since:
    Jan 2011

    Posted 19 Sep 2011 Link to this post


    I have problem in displaying Items in RadCoverFlow Control. First item of this control is cutted horizontally in half beside it has same Data Template as rest of Items (pic1). Rest of items displays correctly (pic2). The control gets his data by binding to ObservableCollection and displays it by Data Template. XAML of view is :

    <telerik:RadCoverFlow Name="radCoverFlow" CameraViewpoint="Top"
                                      IsReflectionEnabled="True" ItemsSource="{Binding}"
                                      RotationY="25" ReflectionHeight="0.5"
                                      DistanceFromSelectedItem="15" CameraRotation="10" Margin="0,0,41,0">
                            <Image Source="{Binding ImageURL}" Width="144" Stretch="Uniform" telerik:RadCoverFlow.EnableLoadNotification="True" />

    To get data for binding I use:
    public partial class Home : Page
         public ObservableCollection<TeamMember> teamMembers = null;
         public Home()
                StringReader sr = new StringReader(data);
                XmlSerializer xmlSerializer = new XmlSerializer(typeof(ObservableCollection<TeamMember>));
                teamMembers = (ObservableCollection<TeamMember>)xmlSerializer.Deserialize(sr);
                teamMembers[0].ImageURL = @"http://my/_layouts/images/O14_person_placeHolder_192.png";
                teamMembers[1].ImageURL = @"http://my/_layouts/images/O14_person_placeHolder_192.png";
                teamMembers[2].ImageURL = @"http://my/_layouts/images/O14_person_placeHolder_192.png";
                teamMembers[3].ImageURL = @"http://my/_layouts/images/O14_person_placeHolder_192.png";
                teamMembers[4].ImageURL = @"http://my/_layouts/images/O14_person_placeHolder_192.png";
                teamMembers[5].ImageURL = @"http://my/_layouts/images/O14_person_placeHolder_192.png";
                teamMembers[6].ImageURL = @"http://my/_layouts/images/O14_person_placeHolder_192.png";
                teamMembers[7].ImageURL = @"http://my/_layouts/images/O14_person_placeHolder_192.png";
                teamMembers[8].ImageURL = @"http://my/_layouts/images/O14_person_placeHolder_192.png";
                teamMembers[9].ImageURL = @"http://my/_layouts/images/O14_person_placeHolder_192.png";
                teamMembers[10].ImageURL = @"http://my/_layouts/images/O14_person_placeHolder_192.png";
                teamMembers[11].ImageURL = @"http://my/_layouts/images/O14_person_placeHolder_192.png";
                DataContext = teamMembers;

    The data class (TeamMember) is:
    public class TeamMember
           public string m_name;
           public string m_lastName;
           public string m_description;
           public string m_imageUrl;
           public bool m_isManager;
           public string m_status;
           public string m_email;
           public string m_phone;
           public string m_position;
           public string Name { get { return m_name; } }
           public string LastName { get { return m_lastName; } }
           public string Description { get { return m_description; } }
           public string ImageURL { get { return m_imageUrl; } set { m_imageUrl = value; } }
           public bool IsManager { get { return m_isManager; } }
           public string Status { get { return m_status; } }
           public string Email { get { return m_email; } }
           public string Phone { get { return m_phone; } }
           public string Position { get { return m_position; } }
           public TeamMember() { }
           public TeamMember(string name, string lastName, string description, string imageUrl, bool isManager,string status, string email, string phone,string position)
               m_name = name;
               m_lastName = lastName;
               m_description = description;
               m_imageUrl = imageUrl;
               m_isManager = isManager;
               m_status = status;
               m_email = email;
               m_phone = phone;
               m_position = position;

    I would appreciate any useful help.

    M. Redzik.

  2. Miroslav Nedyalkov
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 21 Sep 2011 Link to this post

    Hello Maciej,

     We are not familiar with such an issue, but in what panel do you place the RadCoverFlow control? Placing it inside a panel that measures it with infinite size could cause such a problem. You could also try setting height to the CoverFlow control. If none of this help, please send us a sample project that demonstrates the problem. This way we will be able to find the source of the problem and better assist you resolving it.

    All the best,
    Miroslav Nedyalkov
    the Telerik team

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

  3. DevCraft R3 2016 release webinar banner
Back to Top