Hello,
Thank you very much for your reply, It is useful..
I faced another problem in displaying the radmenu in chrome and safari browser. The radmenuitems are not displayed well (Plaese view the attached image). The radmenu is displayed well in other browsers.
I think it is important to indicate that the web site is in RTL mode (all pages).
Here is the code of the usercontrol which contains the radmenu control:
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="HeaderWebUserControl.ascx.cs" Inherits="Common_UserControls_HeaderWebUserControl" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<style type="text/css">
div.RadMenu .rmItem .rmLink .rmLeftImage,
div.RadMenu .rmItem .rmLink,
div.RadMenu .rmLink .rmText
{
margin: 0;
padding: 0;
}
</style>
<asp:Panel ID="HeaderPanel" runat="server" Height="120px" Width="952px">
<asp:Panel ID="EnteranceImagePanel" BorderWidth="0" BorderColor="Black" Height="120px" Width="952px" style="position:absolute;" runat="server" >
<asp:Image ID="EntarnceImage" ImageUrl="~/Common/UserControls/HeaderWebUserControl/Imgs/G1.jpg" Height="100%" Width="100%" runat="server" />
</asp:Panel>
<asp:Panel ID="MainImagePanel" BorderWidth="0" BorderColor="Black" style="position:relative; z-index:1000;" HorizontalAlign="Right" Height="100%" Width="952px" ScrollBars="None" runat="server" >
<table border="0" width="100%" cellpadding="0" cellspacing="0" >
<tr>
<td valign="top" style="width:289px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<asp:Panel ID="LogoPanel" runat="server" style="margin-top:1px;">
<asp:ImageButton ID="LogoImageButton" runat="server" Width="289px" Height="98px" ImageUrl="~/Common/UserControls/HeaderWebUserControl/Imgs/Logo.jpg"
onclick="LogoImageButton_Click" />
</asp:Panel>
</td>
</tr>
<tr>
<td>
<asp:Panel ID="LogoLabelPanel" runat="server" HorizontalAlign="Center" style="margin-top:-3px;">
<asp:Label ID="LogoLabel" Font-Bold="true" Font-Names="Arial" ForeColor="White" runat="server" Text="<%$ Resources:Resource, HeaderMenuLogoLabelText %>" ></asp:Label>
</asp:Panel>
</td>
</tr>
</table>
</td>
<td valign="middle" style="width:663px;">
<asp:Panel ID="RotatorPanel" runat="server" Direction="LeftToRight" Width="97%" style="margin-right:12px;">
<telerik:RadRotator ID="RadRotator1" runat="server" Width="653px" Height="125px" RotatorType="AutomaticAdvance"
CssClass="horizontalRotator" ScrollDirection="Right" ScrollDuration="5000" FrameDuration="0" ItemHeight="90px"
ItemWidth="110">
<ItemTemplate>
<asp:Panel ID="RotatorImgPanel" BackImageUrl="~/Common/Img/BackGrounds/ItemBackGround.gif" Width="106px" Height="110px" BorderColor="Black" HorizontalAlign="Center" style="margin-top:5px;" BorderWidth="0" runat="server">
<div style="margin-top:5px;">
<img class="item" height="85px" width="90px" src='<%# Page.ResolveUrl("~/Common/UserControls/HeaderWebUserControl/Imgs/") + Container.DataItem.ToString().Substring(0,Container.DataItem.ToString().LastIndexOf(",")) %>.jpg'
alt="" /><br />
<asp:Label ID="MachineLabel" runat="server" Font-Bold="true" Font-Size="10pt" Text='<%# Container.DataItem.ToString().Substring(Container.DataItem.ToString().LastIndexOf(","), Container.DataItem.ToString().Length - Container.DataItem.ToString().LastIndexOf(",")).Replace(",","") %>' ></asp:Label>
</div>
</asp:Panel>
</ItemTemplate>
</telerik:RadRotator>
</asp:Panel>
</td>
</tr>
</table>
</asp:Panel>
<asp:Panel ID="HeaderMenuPanel" runat="server" BorderWidth="0" BorderColor="Black" HorizontalAlign="Right" style="margin-right:1px;">
<telerik:RadMenu ID="RadMenu1" runat="server" Skin="" Flow="Horizontal" EnableImagePreloading="true" Width="952px">
</telerik:RadMenu>
</asp:Panel>
</asp:Panel>
and:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;
using System.Drawing;
public partial class Common_UserControls_HeaderWebUserControl : System.Web.UI.UserControl
{
protected void Page_Load(object sender, EventArgs e)
{
RadRotator1.DataSource = GetRotatorDataSource();
RadRotator1.DataBind();
if (!Page.IsPostBack)
{
RadMenu1.LoadContentFile("~/Common/xml/HeaderMenu.xml");
}
}
private string[] GetRotatorDataSource()
{
string[] poets = { "b250," + Resources.Resource.HeaderWebUserControlRadRotatorb250ImgName.ToString(),
"DfosBostarimIkanbis," + Resources.Resource.HeaderWebUserControlRadRotatorDfosBostarimIkanbisImgName.ToString(),
"DfosMeshi," + Resources.Resource.HeaderWebUserControlRadRotatorDfosMeshiImgName.ToString(),
"DfosSfarim," + Resources.Resource.HeaderWebUserControlRadRotatorDfosSfarimImgName.ToString(),
"DfosSolemazia," + Resources.Resource.HeaderWebUserControlRadRotatorDfosSolemaziaImgName.ToString(),
"DfosZevoni," + Resources.Resource.HeaderWebUserControlRadRotatorDfosZevoniImgName.ToString(),
"HitochOtiot," + Resources.Resource.HeaderWebUserControlRadRotatorHitochOtiotImgName.ToString(),
"Hotamot," + Resources.Resource.HeaderWebUserControlRadRotatorHotamotImgName.ToString(),
"Hrita," + Resources.Resource.HeaderWebUserControlRadRotatorHritaImgName.ToString(),
"KrichatReshet," + Resources.Resource.HeaderWebUserControlRadRotatorKrichatReshetImgName.ToString(),
"Liminazia," + Resources.Resource.HeaderWebUserControlRadRotatorLiminaziaImgName.ToString(),
"MadpstSfalim," + Resources.Resource.HeaderWebUserControlRadRotatorMadpstSfalimImgName.ToString()};
return poets;
}
protected void LogoImageButton_Click(object sender, ImageClickEventArgs e)
{
Response.Redirect("~/Default.aspx");
}
}
HeaderMenu.xml:
<?xml version="1.0" encoding="utf-8" ?>
<Menu>
<Item ItemID="-1" SubCtgry="" IText="" Visible="false" ImageUrl="" HoveredImageUrl="" NavigateUrl=""></Item>
<Item ItemID="0" SubCtgry="" IText="?? ????" ImageUrl="Imgs/RadMenu/DafRashi.jpg" HoveredImageUrl="Imgs/RadMenu/DafRashi_hov.jpg" NavigateUrl="~/HomePage.aspx" ></Item>
<Item ItemID="1" SubCtgry="PrintingOnProducts" IText="????? ?? ??????" ImageUrl="Imgs/RadMenu/HadfsaAlMozarim.jpg" HoveredImageUrl="Imgs/RadMenu/HadfsaAlMozarim_hov.jpg" NavigateUrl="~/Pages/PrintingOnProducts/Default.aspx" ></Item>
<Item ItemID="2" SubCtgry="" IText="????? ?? ??????" ImageUrl="Imgs/RadMenu/HadfsaAlHolzot.jpg" HoveredImageUrl="Imgs/RadMenu/HadfsaAlHolzot_hov.jpg" NavigateUrl="~/Pages/PrintingOnTShirts.aspx" ></Item>
<Item ItemID="3" SubCtgry="Dfos" IText="????" ImageUrl="Imgs/RadMenu/Dfos.jpg" HoveredImageUrl="Imgs/RadMenu/Dfos_hov.jpg" NavigateUrl="~/Pages/Dfos/Default.aspx" ></Item>
<Item ItemID="4" SubCtgry="" IText="??????" ImageUrl="Imgs/RadMenu/Hotamot.jpg" HoveredImageUrl="Imgs/RadMenu/Hotamot_hov.jpg" NavigateUrl="~/Pages/Stamps.aspx" ></Item>
<Item ItemID="5" SubCtgry="Studio" IText="?????? ??????" ImageUrl="Imgs/RadMenu/StodioLzilom.jpg" HoveredImageUrl="Imgs/RadMenu/StodioLzilom_hov.jpg" NavigateUrl="~/Pages/Studio/Default.aspx" ></Item>
<Item ItemID="6" SubCtgry="" IText="????? ?????" ImageUrl="Imgs/RadMenu/MozariPersom.jpg" HoveredImageUrl="Imgs/RadMenu/MozariPersom_hov.jpg" NavigateUrl="~/Pages/AdvertisingProducts.aspx" ></Item>
<Item ItemID="7" SubCtgry="" IText="?????? ????????" ImageUrl="Imgs/RadMenu/ShaonimWTakhshitim.jpg" HoveredImageUrl="Imgs/RadMenu/ShaonimWTakhshitim_hov.jpg" NavigateUrl="~/Pages/WatchesAndJewelry.aspx" ></Item>
<Item ItemID="8" SubCtgry="" IText="?????? ??????" ImageUrl="Imgs/RadMenu/GaliriatMatanot.jpg" HoveredImageUrl="Imgs/RadMenu/GaliriatMatanot_hov.jpg" NavigateUrl="~/Pages/GiftGallery.aspx" ></Item>
<Item ItemID="9" SubCtgry="" IText="???? ?????" ImageUrl="Imgs/RadMenu/ZiodMesradi.jpg" HoveredImageUrl="Imgs/RadMenu/ZiodMesradi_hov.jpg" NavigateUrl="~/Pages/OfficeSupplies.aspx" ></Item>
<Item ItemID="9" SubCtgry="" IText="??????? ??????" ImageUrl="Imgs/RadMenu/LminaziaIkrikha.jpg" HoveredImageUrl="Imgs/RadMenu/LminaziaIkrikha_hov.jpg" NavigateUrl="~/Pages/LaminationAndBinding.aspx" ></Item>
</Menu>
Please, I need your help in order to make Chrome and Safari browsers display the RadMenu items exactly like IE and FireFox browsers.
It is appreciated to send me the modified code.
Reagards,
Bader