RadRotator inside collapsed RadDock

4 posts, 0 answers
  1. Kelly
    Kelly avatar
    4 posts
    Member since:
    Mar 2009

    Posted 30 Mar 2009 Link to this post

    I'm having an issue with a RadRotator control when the containing RadDock is collapsed. I've traced it to the get_currentItem method of the RadRotator object. More specifically, I think it is the result of the $telerik.getOuterSize function not being able to return the correct box styles of hidden (display:none) objects.
    Is there some event that can be used to inform the RadRotator that it is about to be hidden so it can stop the slideshow?
  2. Kelly
    Kelly avatar
    4 posts
    Member since:
    Mar 2009

    Posted 30 Mar 2009 Link to this post

    I have come up with a basic solution.
    When the RadDock is expanded/collapsed, it finds the contained RadRotator and calls the appropriate resume or pause method.
    This lead to an observation. The documentation (1st quarter 2009) states that the client-side OnClientCommand event occurs before the built-in command types perform their default action. This does not seem to be the case with the DockExpandCollapseCommand object, which calls the set_collapse method of the RadDock before calling the onCommand method of the base class. Therefore, before my code has a chance to prevent the expand or collapse action, the action has already taken place.
  3. Telerik UI for ASP.NET Core is out
  4. James Van Buren
    James Van Buren avatar
    31 posts
    Member since:
    May 2007

    Posted 15 May 2009 Link to this post

    I see similar behavior. When dock with radrotator is colapsed i get JS error 'control' is null or not an object.
    Rotator no longer scrolls after this error and the dock has been expanded.
    Is there a resolution to this? Also what about text formating to unreadable with scroll of radrotator, i reported it earlier, you mentioned that it will be fixed in SP1, but it does still happen.
  5. Obi-Wan Kenobi
    Obi-Wan Kenobi  avatar
    460 posts
    Member since:
    Aug 2007

    Posted 25 May 2009 Link to this post

    A workaround for this problem is to pause a Rotator before the RadDock is collapsed and resume it after the RadDock is expanded. I created a custom command("CustomExpand") which collapse/expand RadDock and pause/resume RadRotator,e.g.

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head id="Head1" runat="server">  
        <script type="text/javascript">  
            var rotator;  
            function RotatorLoad(obj, args) {  
                rotator = obj;  
            function CustomExpand(dock, args) {  
                if (args.Command.get_state() == 1) {  
                    //pause the Rotator  
                    //collapse RadDock  
                else {  
                    //expand RadDock  
                    //resume Rotator  
        <form id="form1" runat="server">  
        <asp:ScriptManager ID="ScriptManager1" runat="server">  
        <telerik:RadDockLayout ID="RadDockLayout1" runat="server" Skin="Vista">  
                        <telerik:RadDockZone ID="RadDockZone1" runat="server" Width="250" > 
                            <telerik:RadDock ID="RadDock1" runat="server" Title="RadDock1" Width="200px">  
                                    <telerik:RadRotator ID="RadRotator1" runat="server" OnClientLoad="RotatorLoad">  
                        <telerik:RadDockZone ID="RadDockZone2" runat="server" Width="300px"></telerik:RadDockZone> 
         <asp:Label ID="Label1" runat="server" Text="aaa"></asp:Label>    
         <asp:Button ID="Button1" runat="server" Text="Postback"/>  
Back to Top