[Solved] Cutted First Item in Coverflow

[Maciej]

Hello,

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}"
                                  SelectionChanged="radCoverFlow_SelectionChanged"
                                  RotationY="25" ReflectionHeight="0.5"
                                  DistanceFromSelectedItem="15" CameraRotation="10" Margin="0,0,41,0">
                <telerik:RadCoverFlow.ItemTemplate>
                    <DataTemplate>
                        <Image Source="{Binding ImageURL}" Width="144" Stretch="Uniform" telerik:RadCoverFlow.EnableLoadNotification="True" />
                    </DataTemplate>
                </telerik:RadCoverFlow.ItemTemplate>
            </telerik:RadCoverFlow>

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

            //Dev
            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;

            InitializeComponent();
        }

}

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.

[Miroslav Nedyalkov]

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