Width Issues with Rotator within PanelBar

6 posts, 0 answers
  1. virt
    virt avatar
    27 posts
    Member since:
    Sep 2008

    Posted 14 Nov 2008 Link to this post

    I need to display Rotator (fixed width) on multiple Panels (RadPanelItem) within PanelBar (can be fixed with but 100% width preferred). For some reason each time Panel containing Rotator is expanded/collapsed the widht of Rotator is decreased (I belive by 20px, but I might be mistaken). Is this a Bug or Configuration issue? How can I resolve this?

    Thank you,
    a.
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %> 
     
    <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
     
    <!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 runat="server"
        <title></title
    </head> 
    <body> 
        <form id="form1" runat="server"
        <telerik:RadScriptManager runat="server"
        </telerik:RadScriptManager> 
        <div> 
         
            <telerik:RadPanelBar ID="RadPanelBar1" runat="server"  
                ExpandMode="FullExpandedItem" Height="400px"  
                Width="460px" Skin="Gray"
                <CollapseAnimation Duration="100" Type="Linear" /> 
                <ExpandAnimation Duration="100" Type="Linear" /> 
                <Items> 
                    <telerik:RadPanelItem Expanded="true" Text="CHOOSE SET"
                        <Items> 
                            <telerik:RadPanelItem> 
                                <ItemTemplate> 
                                    <telerik:RadRotator ID="rotSet" runat="server"   
                                        Height="108px" ItemHeight="100px" ItemWidth="150px" RotatorType="Buttons"  
                                        Width="450px"
                                        <ItemTemplate> 
                                            <asp:HiddenField ID="hdnSetId" runat="server" Value="" /> 
                                            <asp:Image ID="imgSet" runat="server" ImageUrl="" /> 
                                        </ItemTemplate> 
                                    </telerik:RadRotator> 
                                </ItemTemplate> 
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem Text="CHOOSE PACKAGE"
                        <Items> 
                            <telerik:RadPanelItem> 
                                <ItemTemplate> 
                                    <telerik:RadRotator ID="rotPackage" runat="server"  
                                        Height="108px" ItemHeight="100px" ItemWidth="150px"  
                                        RotatorType="Buttons" Width="450px"
                                        <ItemTemplate> 
                                            <asp:HiddenField ID="hdnPackageId" runat="server" Value="" /> 
                                            <asp:Image ID="imgPackage" runat="server" ImageUrl="" /> 
                                        </ItemTemplate> 
                                    </telerik:RadRotator> 
                                </ItemTemplate> 
                            </telerik:RadPanelItem> 
                        </Items> 
                    </telerik:RadPanelItem> 
                </Items> 
            </telerik:RadPanelBar> 
         
        </div> 
        </form> 
    </body> 
    </html> 
     

  2. Lini
    Admin
    Lini avatar
    2144 posts

    Posted 19 Nov 2008 Link to this post

    Hello,

    I think this is a known bug in the rotator code that repaints the control. In your scenario, a repaint is forced each time you open/close a panelbar item. The bug is already resolved and the fix will be included in the next RadControls for ASP.NET AJAX service pack release, which is scheduled for next week. If you cannot wait until then, please open a formal support ticket and request a custom hotfix build to be sent to you. I apologize for the inconvenience.

    Best wishes,
    Lini
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Oleg Fridman
    Oleg Fridman avatar
    77 posts
    Member since:
    Jan 2006

    Posted 01 May 2009 Link to this post

    Has any progress been made on this? I am still exeriencing the repaint with the newest release. This is a test page that is just a modification of the multiple scroller example downloaded with the latest release. I removed the second scroller and made the width of the Rotator 100%. Any timeframe on getting this addressed?

    1 <%@ Page AutoEventWireup="true" Inherits="Telerik.Web.Examples.Rotator.MultipleScroller.DefaultCS" 
    2     CodeFile="TestScroll.aspx.cs" Language="C#" %> 
    3  
    4 <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
    5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd"> 
    6 <html xmlns="http://www.w3.org/1999/xhtml">  
    7 <head id="Head1" runat="server">  
    8     <link rel="stylesheet" type="text/css" href="Styles.css" /> 
    9     <style type="text/css">  
    10     .Rotator  
    11     {  
    12     background-color:black;   
    13     cursor:default;   
    14     }  
    15  
    16     .Symbol  
    17     {  
    18     font-family: Verdana, Arial;   
    19     font-weight:bold;   
    20     font-size: 18px;   
    21     color:#3E7DBC;   
    22     }  
    23  
    24     .Quote  
    25     {  
    26     font-family: Verdana, Arial;   
    27     font-size: 11px;   
    28     color:#64962D;   
    29     }  
    30  
    31     .Change  
    32     {  
    33     font-family: Verdana, Arial;   
    34     font-size: 11px;   
    35     color: gray;   
    36     }  
    37  
    38     .Link  
    39     {  
    40     font-family: Verdana, Arial;   
    41     font-size: 10px;   
    42     color:#3E7DBC;   
    43     }  
    44     </style> 
    45 </head> 
    46 <body class="BODY">  
    47     <form runat="server" id="mainForm" method="post" style="width: 100%">  
    48         <asp:ScriptManager ID="ScriptManager1" runat="server">  
    49         </asp:ScriptManager> 
    50         <div style="width: 90%">  
    51             <div class="top">  
    52                 <img src="Images/top.gif" width="452" height="35" alt="" /></div>  
    53             <div class="marqueeTopBg">  
    54                 <div class="marqueeTop_Text">  
    55                     <telerik:RadRotator ScrollDirection="left" DataSourceID="xmlDataSource1" FrameDuration="1" 
    56                         Width="100%" Height="24" ScrollDuration="2000" ID="Rotator1" runat="server">  
    57                         <ItemTemplate> 
    58                             <table width="130" cellpadding="0" cellspacing="3" border="0">  
    59                                 <tr> 
    60                                     <td class="symbol" style="font-weight: bold; color: #3e7dbc; cursor: default;">  
    61                                         <%# XPath("Company")%> 
    62                                     </td> 
    63                                     <td class="Quote" style="cursor: default;">  
    64                                         <%# XPath("Price")%> 
    65                                     </td> 
    66                                     <td class="Change" style="cursor: default;">  
    67                                         <%# XPath("Difference")%> 
    68                                     </td> 
    69                                     <td style="cursor: default;">  
    70                                         <img src='<%# XPath("Image") %>' style="border: 0px" alt="" /></td>  
    71                                     <td class="Quote" align="left" style="cursor: default;">  
    72                                         &nbsp;&nbsp;</td> 
    73                                 </tr> 
    74                             </table> 
    75                         </ItemTemplate> 
    76                     </telerik:RadRotator> 
    77                 </div> 
    78             </div> 
    79             <div class="bottom">  
    80                 <img src="Images/bottom.gif" width="452" height="108" alt="" /></div>  
    81         </div> 
    82         <asp:XmlDataSource ID="xmlDataSource1" runat="Server" DataFile="/TestPages/upperMarquee.xml"></asp:XmlDataSource> 
    83     </form> 
    84 </body> 
    85 </html> 
    86  
  5. Oleg Fridman
    Oleg Fridman avatar
    77 posts
    Member since:
    Jan 2006

    Posted 01 May 2009 Link to this post

    I actually run into the same problem if I set the width of the Rotator to more than 725 pixels. 725 operates as expected, 726 causes the first to disappear and the last to just appear.
  6. Oleg Fridman
    Oleg Fridman avatar
    77 posts
    Member since:
    Jan 2006

    Posted 01 May 2009 Link to this post

    Actually, I just realized I replied to the wrong thread. My issue is not with the Panel, but with with the rotator alone. Sorry for the poor job posting. However, I would really appreciate a response.
  7. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 05 May 2009 Link to this post

    Hi Oleg,

    I believe that this forum thread will answer your questions.

    Best wishes,
    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