Width in the rotator

2 posts, 0 answers
  1. komathi priya
    komathi priya avatar
    30 posts
    Member since:
    Apr 2010

    Posted 23 Jul 2010 Link to this post

    hi,


    in my rotator, i fixed the width,

    rotator work only if the width  is upto 350px,   i want to keep rotator for width 600px, if increase the width it's not rotating and also image is not displaying.

    i dont know what is the error,  below is my rotator code. 


    <telerik:RadRotator ID="radrotDoctorImages" runat="server" Height="190px" Width="350px"
                 ScrollDuration="1000" FrameDuration="10"  RotatorType="AutomaticAdvance" 
                        ItemWidth="110" Skin="Office2007" CssClass="rotatorStyle"   >
               
                         <ItemTemplate>
                        <table  >
                            <tr>
                                <td>
                               
                                     <a href="Listofdoctors.aspx">
                                        <asp:Image ID="Image7" runat="server" Height="100px" Width="100px" ImageUrl="~/Images/dr5.jpg" />
                                     </a>
                                   
                                </td>
                            <tr>
                                <td>
                                    <asp:Label ID="lblName" runat="server" Text="lblName"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                 <td>
                                    <asp:Label ID="lblSpecialty" runat="server" Text="lblSpecialty"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                 <td>
                                    <cc1:Rating ID="Rating6" runat="server"
                                             CurrentRating="3"  
                                             MaxRating="5"  
                                             StarCssClass="star_rating"
                                             WaitingStarCssClass="star_saved"
                                             FilledStarCssClass="star_filled"
                                             EmptyStarCssClass="star_empty"   >
                                    </cc1:Rating>
                                </td>
                            </tr>
                        </table>
                     </ItemTemplate>
                          


    kindly fix this issue,

    regards
    Priya
                    
  2. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 27 Jul 2010 Link to this post

    Hi Priya,

    I tested the following code and everything seems to be working fine:

    .aspx
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <%--Needed for JavaScript IntelliSense in VS2010--%>
                <%--For VS2008 replace RadScriptManager with ScriptManager--%>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            </Scripts>
        </telerik:RadScriptManager>
        <telerik:RadRotator ID="radrotDoctorImages" runat="server" Height="190px" Width="600px"
            ScrollDuration="1000" FrameDuration="10" RotatorType="AutomaticAdvance" ItemWidth="110"
            Skin="Office2007" CssClass="rotatorStyle">
            <ItemTemplate>
                <table>
                    <tr>
                        <td>
                            <a href="http://www.telerik.com">
                                <asp:Image ID="Image7" runat="server" Height="100px" Width="100px" ImageUrl="~/img/Northwind/Customers/ANTON.jpg" />
                            </a>
                        </td>
                        <tr>
                            <td>
                                <asp:Label ID="lblName" runat="server" Text="lblName"></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Label ID="lblSpecialty" runat="server" Text="lblSpecialty"></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>Rating</span>
                            </td>
                        </tr>
                </table>
            </ItemTemplate>
        </telerik:RadRotator>
        </form>
    </body>
    </html>

    .cs
    using System;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
     
    using System.Data;
    using System.Configuration;
    using System.Web.Security;
    using System.Web.UI.WebControls.WebParts;
    using System.Web.UI.HtmlControls;
    using Telerik.Web.UI;
     
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            radrotDoctorImages.DataSource = GetRotatorDataSource();
            radrotDoctorImages.DataBind();
        }
     
        private string[] GetRotatorDataSource()
        {
            string[] clients = { "ANATR", "ANTON", "BOTTM", "CACTU", "CENTC", "ERNSH", "LAUGB", "MAISD", "MEREP", "OCEAN" };
            return clients;
        }
    }

    Could you please provide more information about the issue and the setup of your project? Any information may help us track down the problem: version of RadControls used, number of items loaded within the rotator, etc.

    Sincerely yours,
    Pero
    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top