Home / Community & Support / Developer Productivity Tools Forums / Silverlight > CoverFlow > Cutted First Item in Coverflow

• Maciej

  Posted on Sep 19, 2011 (permalink)

  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.
  
  

  Attached files

  • pic1.png
  • pic2.png

  Reply

• Miroslav Nedyalkov Miroslav Nedyalkov

  Posted on Sep 21, 2011 (permalink)

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

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / Silverlight > CoverFlow > Cutted First Item in Coverflow