RadRotator Not working On Chrome & Firefox

6 posts, 0 answers
  1. Coty
    Coty avatar
    90 posts
    Member since:
    Aug 2006

    Posted 17 Jun 2010 Link to this post

    I posted this in an older thread but wanted to start a new one so I can mark as answer and talk about the version etc.

    I am using the rotator in IE 8.0.7600, Chrome 4.1.249, FireFox 3.5.7.

    Not doing anything odd, using Visual Studio 2008 and my rotator is in a MasterPage.

    Here is the rotator:
                <telerik:RadRotator     
                    ID="RadRotator1"     
                    runat="server"   
                    DataSourceID="xmlDataSource1" RotatorType="SlideShow" ScrollDuration="1000"   
                    Width="700px" ItemWidth="700px" ItemHeight="168px" Height="168px">    
                    <SlideShowAnimation Duration="3000" Type="CrossFade" />   
                    <ItemTemplate>   
                       <img src="\\lancpa-iis1\Images\rotator\<%# XPath("Image") %>" alt="RFIImage"/>     
                    </ItemTemplate>   
                </telerik:RadRotator>   
                <asp:XmlDataSource ID="xmlDataSource1"     
                    XPath=""   
                    runat="server"     
                    DataFile="RotatorImages.xml">    
                </asp:XmlDataSource>    
     

    Would like to get this fixed as soon as possible.  I know my FireFox and Chrome are a little outdated so going to run those updates to see if anything changes but I figured it would work in older versions anyways.

    Thank You,

    Coty
  2. Coty
    Coty avatar
    90 posts
    Member since:
    Aug 2006

    Posted 17 Jun 2010 Link to this post

    Ok the latest updates are installed for FireFox and Chrome and still no luck on the Rotator.

    More Info:

    Where the Rotator is in FireFox the Alt text is displayed.

    Where the Rotator is in Chrome nothing is displayed.

    It works great in IE.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Coty
    Coty avatar
    90 posts
    Member since:
    Aug 2006

    Posted 17 Jun 2010 Link to this post

    I figured it out.

    FireFox and Chrome block UNC to files because it's considered a security risk.  (Even though this was just internal)

    So I created a new folder in the solution itself and pointed my image src to the new folder and it works now in all browsers.

    to be specific I changed this
    <ItemTemplate>      
                       <img src="\\lancpa-iis1\Images\rotator\<%# XPath("Image") %>" alt="RFIImage"/>        
                    </ItemTemplate>    
     
    :To a new folder inside my solution:

                    <ItemTemplate> 
                       <img src="Images\rotator\<%# XPath("Image") %>" alt="RFIImage"/>   
                    </ItemTemplate> 

    Hopefully this will help someone else.

    BTW there is a work around for to UNC to files on FireFox but I believe you would have to do it on each PC.
    http://kb.mozillazine.org/Links_to_local_pages_don't_work

    Thanks,

    Coty
  5. Johar Iqbal
    Johar  Iqbal avatar
    3 posts
    Member since:
    Aug 2009

    Posted 10 Feb 2011 Link to this post

    Hi there,

    My Rotator slideshow was working fine in all browser in sitefinity 3.7. I made changes for sitefinity 4.0, but when the Images count finished the slide show not restarting.
    I need to fix ASAP.

    thanks in advance
    Johar Iqbal
  6. Johar Iqbal
    Johar  Iqbal avatar
    3 posts
    Member since:
    Aug 2009

    Posted 11 Feb 2011 Link to this post

    Void LoadImages()
    {
    List<ImageGalleryItem> slides = new List<ImageGalleryItem>();
    LibrariesManager libMgr = new LibrariesManager();
                        var allImages = libMgr.GetImages();
     
     
                        foreach (Telerik.Sitefinity.Libraries.Model.Image img in allImages)
                        {
                            ImageGalleryItem tempImg = new ImageGalleryItem()
                            {
                                Url = img.MediaUrl,
                                Name = img.Title,
                                Caption = img.AlternativeText
                            };
      
                             
                        }
     
     
                        imageRotator.DataSource = slides;
                        imageRotator.ItemDataBound += new RadRotatorEventHandler(imageRotator_ItemDataBound);
    }
     void imageRotator_ItemDataBound(object sender, RadRotatorEventArgs e)
     {
      System.Web.UI.WebControls.Image img = e.Item.FindControl("image1") as System.Web.UI.WebControls.Image;
      ImageGalleryItem cnt = e.Item.DataItem as ImageGalleryItem;// Telerik.Sitefinity.Libraries.Model.Image;
      img.ImageUrl = cnt.Url;
     }


    Ascx code is here:

    <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="CustomImageRotator.ascx.cs" Inherits="SitefinityWebApp.UserControls.CustomImageRotator" %>
     <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <div id="center">


        <div class="Rotator">
            <telerik:RadRotator ID="imageRotator"  RotatorType="AutomaticAdvance"  WrapFrames="false" runat="server" ItemWidth="653px"  FrameDuration="7000" PauseOnMouseOver="true"
               >
                <ItemTemplate>
                    <asp:Image style=" background-position:center center; max-height:400px; max-width:800px; min-height:310px; min-width:653px;" ID="Image1" runat="server" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "Url") %>' />
                </ItemTemplate>
            </telerik:RadRotator>
            <div class="RotatorControl">
                <a href="#" onclick="($find('<%= imageRotator.ClientID %>')).showNext(Telerik.Web.UI.RotatorScrollDirection.Right);return false;"
                    class="RotatorPrev"></a><a href="#" onclick="($find('<%= imageRotator.ClientID %>')).pause();
                                    this.style.display = 'none';
                                    document.getElementById('<%= imageRotator.ClientID %>Start').style.display='block';
                                    return false;" class="RotatorStop" id="<%= imageRotator.ClientID %>Stop">
                    </a><a href="#" onclick="($find('<%= imageRotator.ClientID %>')).resume(); this.style.display = 'none';        
                                    document.getElementById('<%= imageRotator.ClientID %>Stop').style.display='block';return false;"
                        class="RotatorStart" id="<%= imageRotator.ClientID %>Start"></a><a href="#" onclick ="($find('<%= imageRotator.ClientID %>')).showNext(Telerik.Web.UI.RotatorScrollDirection.Left);return false;"
                            class="RotatorNext"></a>
            </div>
        </div>
    </div>

    Here is the code.
  7. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 15 Feb 2011 Link to this post

    Hi Coty,
    Please, set the WrapFrames property of the rotator to "true". You can check how this property influences the behavior of the control in our online demos: http://demos.telerik.com/aspnet-ajax/rotator/examples/default/defaultcs.aspx.

    Kind regards,
    Tsvetie
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017