Show a specific number of whole items at a time.

3 posts, 0 answers
  1. p
    p avatar
    28 posts
    Member since:
    Sep 2008

    Posted 25 May 2010 Link to this post


    Whats the best way of making sure N number of whole items are shown in  a rotator?
    My solution was to  set itemwidth to X and width =N x X.

    But that didnt seem to work. My items were overlapping and when they scrolleved they showed half items.
    My Items are usercontrols which get added to a Placeholder. The user controls don't have width specified.

    TIA

    PS


  2. Angie
    Angie avatar
    105 posts
    Member since:
    Jan 2008

    Posted 26 May 2010 Link to this post

    I am having the same problem.

    I tried applying the instructions in this article: http://www.telerik.com/support/kb/aspnet-ajax/rotator/how-to-configure-radrotator.aspx, however, the spacing is still off.

     <telerik:RadRotator ID="RadRotator1" runat="server" DataSourceID="SqlDataSource3" 
                FrameDuration="4000" RotatorType="SlideShowButtons" SlideShowAnimation-Type="Fade" 
                Width="200" ItemWidth="200" Height="100" ItemHeight="100" CssClass="rotator" 
                ScrollDirection="Left,Right">  
                <ItemTemplate> 
                      
                       <asp:Image width="200" ID="img" runat="server" AlternateText='<%# Eval("image_caption") %>' 
                         ImageUrl='<%# String.Format("~/images/2010/80s Party IV/slideshow/{0}",Eval("gallery_image")) %>' /> 
                   
                </ItemTemplate> 
                <ControlButtons LeftButtonID="prevButton" RightButtonID="nextButton" /> 
            </telerik:RadRotator> 

    Thank you.
  3. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 31 May 2010 Link to this post

    Hi Guys,

    In reference to your questions:
    • PS:
        I recommend you to check that the width of the content inside the RadRotator's ItemTemplate is
      X
      px (using your example). Please note that padding and margin settings are taken into account as well. You can check the actual content using FireFox's FireBug tool for example. Also, I recommend you to check this KB article for more information about RadRotator's configuration. If this does not help, please open a new support ticket and send me your project. I will check it and do my best to provide a working solution.
    • Angie:
      I see that you apply a CSS class to the RadRotator control. I am not sure what settings are applied using that class, but this may affect the RadRotator' behavior. This is why could you please paste the content of the rotator CSSS class? I will try to recreate the problem on my side and do my best to provide a solution as soon as possible.

    Kind regards,
    Fiko
    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.
Back to Top