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

Rad Rotator not displaying in Mozilla FireFox 3.6

4 Answers 69 Views

General Discussions

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

4 Answers, 1 is accepted

answered on 07 Mar 2011, 09:47 PM

OK, here is my code for the RadRotator Project. You will notice that there is not much code, it is not completely finished but here is what I have so far and that I have tested on different browsers. Please keep in mind that I do in fact have a jquery-1.5.min.js file in my scripts folder, I also have an mbox.js file in my scripts folder. You will find the code below of the things that may have effected the RadRotator:

For the master page called Site.Master below is the code:

<%@ Master Language="VB" CodeFile="Site.master.vb" Inherits="Site" %>

<%@ 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 id="Head1" runat="server">

<title>Untitled Page</title>

<asp:ContentPlaceHolder id="head" runat="server">

</asp:ContentPlaceHolder>

<link href="CSS/Styles.css" rel="stylesheet" type="text/css" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div id="topContent">

<div class="loginDisplay">

<asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false"

EnableTheming="False">

<AnonymousTemplate>

<a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server"> Log In </a> |

<a href="~/Account/Register.aspx" id="Registration" runat="server">Join</a>

</AnonymousTemplate>

<LoggedInTemplate>

Welcome <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>!

[ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ]

</LoggedInTemplate>

</asp:LoginView>

</div>

<div id="menuContent">

<telerik:RadMenu ID="RadMenu1" Width="100%" runat="server" Skin="Forest"

style="top: 0px; left: 0px">

<Items>

<telerik:RadMenuItem runat="server" Text="Home" NavigateUrl="~/Default.aspx">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Services">

<Items>

<telerik:RadMenuItem runat="server" Text="Consulting Services">

<Items>

<telerik:RadMenuItem runat="server" Text="Business Process Re-engineering">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server"

Text="Multimedia Integration and Convergence (voice, video, and data)">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Network Administration and Analysis">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Financial Planning and Analysis">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Network Audits and Expense Audits">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server"

Text="Database Integration and Optimization">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server"

Text="SaaS/SOA Application Programming & Integration">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Professional Services">

<Items>

<telerik:RadMenuItem runat="server" Text="Project Management">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server"

Text="Installation and Integration Services">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Design and Engineering Services">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Network Assessment and Monitoring">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Server Management">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Managed Services">

<Items>

<telerik:RadMenuItem runat="server" Text="Hosted VoIP/PBX services">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Database management">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Network monitoring">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Remote Server management">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Software & applications">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Federal Services Division">

<Items>

<telerik:RadMenuItem runat="server" Text="Project Management">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server"

Text="Installation and Integration Services">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Design and Engineering Services">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Network Assessment and Monitoring">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Server Management">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Government">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Products">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Investor Relations">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Careers">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Brochures">

<Items>

<telerik:RadMenuItem runat="server" NavigateUrl="~/docs/PRGJBrochure.pdf"

Target="_blank" Text="PRG Group Company Brochure">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server"

NavigateUrl="~/docs/PRG_ManagedServiceBrochure.pdf" Target="_blank"

Text="Managed Services Brochure">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="About Us">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Contact Us">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Owner="RadMenu1" Width="100%">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

<div id="mainContent">

<asp:ContentPlaceHolder id="MainContent" runat="server"

</asp:ContentPlaceHolder>

</div>

<div id="bottomHeader">

<div id="submenus">

<div id="submenu1">

<asp:HyperLink ID="submenuhyperlink1" ImageUrl="~/images/submenu1.jpg" NavigateUrl="" runat="server"></asp:HyperLink>

</div>

<div id="footerContent">

<div id="footersubframe">

<ul>

<li>Executive</li>

<li>Developers</li>

<li>Industries</li>

<li>Small and medium business</li>

<li>Business Partners</li>

<li>Investors</li>

<li>Journalists</li>

<li>Job Seekers</li>

</ul>

</div>

</form>

</body>

</html>

For the Default.aspx page, here is the following code:

<%@ Page Language="VB" MasterPageFile="Site.master" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" title="Untitled Page" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<%@ Register TagPrefix="uc1" TagName="Rotator" Src="~/ImageRotator.ascx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">

<uc1:Rotator ID="Rotator1" runat="server" />

</asp:Content>

For the ImageRotator User Control, see the following:

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="ImageRotator.ascx.vb" Inherits="ImageRotator" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<div id="scrollingImages">

<telerik:RadRotator ID="RadRotator1" runat="server" FrameDuration="4000" SlideShowAnimation-Duration="1000"

Width="100%" ItemWidth="100%" Height="400px" PauseOnMouseOver="true" ItemHeight="400px" ScrollDirection="Left">

<Items>

<telerik:RadRotatorItem ID="item1" runat="server" >

<ItemTemplate>

<asp:Image ID="Image1" runat="server" ImageUrl="~/images/managedservices2.jpg" />

</ItemTemplate>

</telerik:RadRotatorItem>

<telerik:RadRotatorItem ID="item2" runat="server" >

<ItemTemplate>

<asp:Image ID="Image2" runat="server" ImageUrl="~/images/managedservices2.jpg" />

</ItemTemplate>

</telerik:RadRotatorItem>

<telerik:RadRotatorItem ID="item3" runat="server" >

<ItemTemplate>

<asp:Image ID="Image3" runat="server" ImageUrl="~/images/managedservices2.jpg" />

</ItemTemplate>

</telerik:RadRotatorItem>

</Items>

</telerik:RadRotator>

</div>

For the Cascading Style Sheet, see the following:

body {

font-family: Verdana;

margin: 0px;

overflow:visible;

}

h1, h2 {

margin: 0px;

}

#topContent {

text-align: center;

text-decoration: none;

height: 42px;

font-size: small;

background-image: url('../images/prggroupsite_header.jpg');

background-repeat: repeat-x;

width: 100%;

}

.loginDisplay

{

font-size:small;

display: block;

text-align: right;

padding: 10px;

color: White;

}

.loginDisplay a:link

{

color: white;

}

.loginDisplay a:visited

{

color: white;

}

.loginDisplay a:hover

{

color: white;

}

#menuContent {

width:100%;

}

#topContent a {

text-decoration: none;

color: White;

}

#mainContent {

width:100%;

}

#scrollingImages {

color:Black;

width:100%;

}

#bottomHeader {

text-align:center;

background-image:url('../images/prggroupsite_bottomheader.jpg');

height:148px;

}

#submenus {

height:105px;

width:990px;

border-color:Black;

margin-left:100px;

margin-top:30px;

}

#submenu1 {

height:98px;

width:318px;

margin-top:20px;

}

#footerContent {

text-align: center;

padding: 5px;

background-image: url('../images/prggroupsite_footer.jpg');

background-repeat: repeat-x;

height:212px;

}

#footersubframe {

width:990px;

height:200px;

}

#footersubframe li {

color:Yellow;

font-size:small;

}

Accepted