This is a migrated thread and some comments may be shown as answers.

RadRotator Not working On Chrome & Firefox

5 Answers 169 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
Coty
Top achievements
Rank 1
Coty asked on 17 Jun 2010, 01:35 PM
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

5 Answers, 1 is accepted

Sort by
0
Coty
Top achievements
Rank 1
answered on 17 Jun 2010, 01:38 PM
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.

0
Coty
Top achievements
Rank 1
answered on 17 Jun 2010, 03:05 PM
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
0
Johar Iqbal
Top achievements
Rank 1
answered on 11 Feb 2011, 05:13 AM
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
0
Johar Iqbal
Top achievements
Rank 1
answered on 11 Feb 2011, 10:36 AM
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.
0
Tsvetie
Telerik team
answered on 15 Feb 2011, 06:27 PM
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.
Tags
Rotator
Asked by
Coty
Top achievements
Rank 1
Answers by
Coty
Top achievements
Rank 1
Johar Iqbal
Top achievements
Rank 1
Tsvetie
Telerik team
Share this question
or