Smooth Scrolling and text blurring

6 posts, 0 answers
  1. Richard
    Richard avatar
    6 posts
    Member since:
    May 2003

    Posted 21 May 2009 Link to this post

    I am trying to get my rotator to scroll a line of text horizontally across the bottom of the screen at a constant smooth speed without stopping.

    The code below is the closest i have gotten it so far but the frame transition starts off quick and slows down so the end result is a jerking motion.

    <telerik:RadRotator ID="RadRotator1" runat="server" FrameDuration="0" SlideShowAnimation-Type="None" ScrollDuration="10000" Width="100%" Height="20px">  
    <ItemTemplate> 
    <b><%#DataBinder.Eval(Container.DataItem, "NewsHeadline")%></b>&nbsp;&nbsp;<%#DataBinder.Eval(Container.DataItem, "NewsSummary")%>&nbsp;&nbsp;  
    </ItemTemplate> 
    </telerik:RadRotator> 

    The other issue i have with the rotator is when i have bolded the headline items, after the first frame the bold headings get blurred and hard to read. The regular text also seems to be a little too flickery, i have tried various fonts etc but can't seem to fix it.
  2. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 22 May 2009 Link to this post

    Hi Jeff,

    I reference to your questions :

    We suggest you make the following changes in the rotator's setup in order to avoid the first issue :
    • you need to specify two additional parameters in the RadRotator's declaration - ItemWidth and ItemHeight, according to the size of the showed items
    • the RadRotator control does not support values in percent and you need to use fixed values in its declaration
    • we recommend you use the "1" instead of "0" as a value of the FrameDuration property. The value is in millisecond and the behavior of the control will be the same.
    In reference to the second issue :
    We are aware with that behavior under IE. This is a browser specific behavior and fortunately this workaround works and you can use it in order to avoid the issue.

    Kind regards,
    Fiko
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Richard
    Richard avatar
    6 posts
    Member since:
    May 2003

    Posted 24 May 2009 Link to this post

    Thanks, the blurred items was fixed with your linked solution.

    However the primary issue with the scrolling behaviour is still there. I added the properties you suggested but can't see how they would fix the issue.

    Sorry if i was unclear but I would like the multiple items to scroll past in one motion, without stopping or slowing down for each item at all. (like a tv news show)
  5. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 25 May 2009 Link to this post

    Hi Jeff,

    In the newer versions - released in 2009, we used jQuery animations in the RadRotator control. The implemented scrolling animation, however, works as you point in your post : one items is shown, then the rotation stops and then the next item appears. For the time being this behavior cannot be overridden and as I mentioned in my previous reply, I suggest you use the FrameDuration property with a positive value ('1' instead of '0' in your case).

    Regards,
    Fiko
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  6. Dave Friedel
    Dave Friedel avatar
    20 posts
    Member since:
    Mar 2004

    Posted 02 Jul 2009 Link to this post

    I understand that jQuery does not offer this... but add another who "wishes" this to be available.  Yes, I set the settings to what you outlined, but it does not come close to replicating the bloomberg feed look I (and the other developer) are after.

    regards,
    Dave
  7. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 08 Jul 2009 Link to this post

    Hello Dave,

    The new implementation of the RadRotator control works with this animation and for the time being this behavior cannot be changed. We logged it in our ToDo list and we will do our best to change it in one of the future releases of the control. 

    Greetings,
    Fiko
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017