Hello,
In my page there are two control, Editor and DatePicker, all working fine with dir="ltr" but when I change to dir="rtl" the DatePicker dosn’t work, Indeed, when I click on the icon of DatePicker1, the calendar does not appear.
and the browser show a scroll bar on the bottom, I tried to set the RightToLeft="True" on both control but didn’t work.
When I remove the Editor, the DatePicker work fine!
I use Internet Explorer 8
How can I resolve this problem,
Thanks in advance for your support,
Best regards,
Med
PS: the content of my page
Code: HTML/ASPX
<%@ Page Language="C#" %>
<%@ Register assembly="EO.Web" namespace="EO.Web" tagprefix="eo" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<html id="Html1" dir="rtl" runat="server" xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<eo:DatePicker ID="DatePicker1" runat="server" ControlSkinID="None"
DayCellHeight="16" DayCellWidth="22" DayHeaderFormat="Short"
DisabledDates="" MonthColumns="4" MonthRows="3"
MonthSelectorVisible="True" SelectedDates=""
TitleLeftArrowDownImageUrl="00040103" TitleLeftArrowImageUrl="00040101"
TitleRightArrowDownImageUrl="00040104" TitleRightArrowImageUrl="00040102"
VisibleDate="2010-07-31" WeekSelectorVisible="True"
SelectedDate='<%# BIND("DATE_CREATION") %>' PickerFormat="dd/MM/yyyy" RightToLeft="True">
<TodayStyle CssText="background-image:url('00040106');" />
<SelectedDayStyle CssText="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; background-image:url('00040105');color:white;" />
<DisabledDayStyle CssText="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; COLOR: gray" />
<FooterTemplate>
<div style="FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Tahoma"">
<img src="{img:00040106}"> Today: {var:today:dd/MM/yyyy} </img></div>
</FooterTemplate>
<CalendarStyle CssText="border-bottom-color:Black;border-bottom-style:solid;border-bottom-width:1px;border-left-color:Black;border-left-style:solid;border-left-width:1px;border-right-color:Black;border-right-style:solid;border-right-width:1px;border-top-color:Black;border-top-style:solid;border-top-width:1px;padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px;background-color:white" />
<DayHoverStyle CssText="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; text-decoration:underline" />
<MonthStyle CssText="MARGIN: 0px 4px; cursor:hand" />
<TitleStyle CssText="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #0054e3" />
<DayHeaderStyle CssText="FONT-SIZE: 11px; COLOR: #0054e3; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Tahoma" />
<DayStyle CssText="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; text-decoration:none" />
</eo:DatePicker>
<eo:Editor ID="Editor2" runat="server" RightToLeft="true"
DesignTabButtonText="<div style="padding-left:18px;padding-top:3px;">Design</div>"
Font-Bold="False" Font-Italic="False" Font-Overline="False"
Font-Strikeout="False"
Font-Underline="False" Height="540px"
HighlightColor="255, 255, 192" Html=''
HtmlTabButtonText="<div style="padding-left:18px;padding-top:3px;">HTML</div>"
PreviewTabButtonText="<div style="padding-left:18px;padding-top:3px;">Preview</div>"
ToolBarSkin="Office2003_XPStyle" Width="850px"
FileExplorerDialogID="FileExplorerDialog1"
FileExplorerUrl="~/Explorer.aspx"
ColorPickerID="" SpellCheckerID="">
<FooterStyle CssText="padding-right: 2px; padding-left: 2px; padding-bottom: 2px; padding-top: 0px; background-color:#9ebef5;" />
<BreadcrumbItemStyle CssText="background-color:#d7e4fa;border-bottom-color:#002d96;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#002d96;border-left-style:solid;border-left-width:1px;border-right-color:#002d96;border-right-style:solid;border-right-width:1px;border-top-color:#002d96;border-top-style:solid;border-top-width:1px;font-family:tahoma;font-size:12px;margin-top:1px;padding-bottom:1px;padding-left:3px;padding-right:3px;padding-top:1px;" />
<EmoticonStyle CssText="background-color:white;border-bottom-color:#c5d3ed;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#c5d3ed;border-left-style:solid;border-left-width:1px;border-right-color:#c5d3ed;border-right-style:solid;border-right-width:1px;border-top-color:#c5d3ed;border-top-style:solid;border-top-width:1px;padding-bottom:2px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<BreadcrumbItemHoverStyle CssText="background-color:#ffd69c;border-bottom-color:#002d96;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#002d96;border-left-style:solid;border-left-width:1px;border-right-color:#002d96;border-right-style:solid;border-right-width:1px;border-top-color:#002d96;border-top-style:solid;border-top-width:1px;font-family:tahoma;font-size:12px;margin-top:1px;padding-bottom:1px;padding-left:3px;padding-right:3px;padding-top:1px;" />
<HeaderStyle CssText="background-color:#9ebef5;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<BreadcrumbItemSeparatorStyle CssText="width: 3px; height: 10px" />
<DesignTabButtonStyles>
<NormalStyle CssText="font-size: 12px; background-image: url(00102001); width: 63px; font-family: tahoma; height: 21px" />
<HoverStyle CssText="font-size: 12px; background-image: url(00102002); width: 63px; font-family: tahoma; height: 21px" />
<SelectedStyle CssText="font-size: 12px; background-image: url(00102003); width: 63px; font-family: tahoma; height: 21px" />
</DesignTabButtonStyles>
<EmoticonDropDownStyle CssText="border-right: #435f96 1px solid; border-top: #435f96 1px solid; border-left: #435f96 1px solid; border-bottom: #435f96 1px solid; background-color: #eef3fa" />
<BreadcrumbLabelStyle CssText="padding-right: 6px; padding-left: 6px; font-size: 12px; padding-top: 1px; font-family: tahoma" />
<PreviewTabButtonStyles>
<NormalStyle CssText="font-size: 12px; background-image: url(00102007); width: 63px; font-family: tahoma; height: 21px" />
<HoverStyle CssText="font-size: 12px; background-image: url(00102008); width: 63px; font-family: tahoma; height: 21px" />
<SelectedStyle CssText="font-size: 12px; background-image: url(00102009); width: 63px; font-family: tahoma; height: 21px" />
</PreviewTabButtonStyles>
<CustomHeaderTemplate>
<eo:ToolBar ID="HeaderToolBar1" runat="server" BackgroundImage="00100203"
BackgroundImageLeft="00100201" BackgroundImageRight="00100202"
SeparatorImage="00100204" Width="100%">
<Items>
<eo:ToolBarItem CommandName="New" ImageUrl="00101022" ToolTip="New">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Copy" ImageUrl="00101007" ToolTip="Copy">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Cut" ImageUrl="00101008" ToolTip="Cut">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Paste" ImageUrl="00101009" ToolTip="Paste">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Undo" ImageUrl="00101023" ToolTip="Undo">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Redo" ImageUrl="00101024" ToolTip="Redo">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Find" ImageUrl="00101032" ToolTip="Find">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="InsertOrEditImage" ImageUrl="00101033"
ToolTip="Insert Image">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="InsertOrEditLink" ImageUrl="00101021"
ToolTip="Insert Link">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="InsertOrEditAnchor" ImageUrl="00101025"
ToolTip="Insert Anchor">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="RemoveLink" ImageUrl="00101026"
ToolTip="Remove Link">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="InsertOrEditTable" ImageUrl="00101031"
ToolTip="Insert Table">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Indent" ImageUrl="00101027" ToolTip="Indent">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Outdent" ImageUrl="00101028" ToolTip="Outdent">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="ForeColor" ImageUrl="00101029"
ToolTip="Fore Color" Type="DropDownMenu">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="BackColor" ImageUrl="00101030"
ToolTip="Back Color" Type="DropDownMenu">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="SpellCheck" ImageUrl="00101018"
ToolTip="Spell Check">
</eo:ToolBarItem>
</Items>
<ItemTemplates>
<eo:ToolBarItem Type="Custom">
<NormalStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<HoverStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<DownStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
</eo:ToolBarItem>
<eo:ToolBarItem Type="DropDownMenu">
<NormalStyle CssText="background-image:url('00100205');background-position-x:right;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;cursor:hand;padding-bottom:3px;padding-left:4px;padding-right:4px;padding-top:3px;" />
<HoverStyle CssText="background-color:#ffe1ac;background-image:url('00100206');background-position-x:right;border-bottom-color:#335ea8;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#335ea8;border-left-style:solid;border-left-width:1px;border-right-color:#335ea8;border-right-style:solid;border-right-width:1px;border-top-color:#335ea8;border-top-style:solid;border-top-width:1px;cursor:hand;padding-bottom:2px;padding-left:3px;padding-right:3px;padding-top:2px;" />
<DownStyle CssText="BORDER-RIGHT: #335ea8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #335ea8 1px solid; PADDING-LEFT: 4px; BACKGROUND-POSITION-X: right; BACKGROUND-IMAGE: url(00100206); PADDING-BOTTOM: 1px; BORDER-LEFT: #335ea8 1px solid; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #335ea8 1px solid; BACKGROUND-COLOR: #ffe1ac" />
</eo:ToolBarItem>
</ItemTemplates>
<NormalStyle CssText="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; CURSOR: hand; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; FONT-FAMILY: Tahoma; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none" />
<HoverStyle CssText="BORDER-RIGHT: #335ea8 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #335ea8 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; BORDER-LEFT: #335ea8 1px solid; CURSOR: hand; PADDING-TOP: 2px; BORDER-BOTTOM: #335ea8 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #ffe1ac" />
<DownStyle CssText="BORDER-RIGHT: #335ea8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #335ea8 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; BORDER-LEFT: #335ea8 1px solid; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #335ea8 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #ffe1ac" />
</eo:ToolBar>
<eo:ToolBar ID="HeaderToolBar0" runat="server" BackgroundImage="00100203"
BackgroundImageLeft="00100201" BackgroundImageRight="00100202"
SeparatorImage="00100204" Width="100%">
<Items>
<eo:ToolBarItem CommandName="Styles" ToolTip="Styles" Type="Custom">
<CustomItem>
<asp:DropDownList ID="StyleDropDown" runat="server" style="width:80px">
</asp:DropDownList>
</CustomItem>
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Fonts" ToolTip="Fonts" Type="Custom">
<CustomItem>
<asp:DropDownList ID="FontDropDown" runat="server" style="width:210px">
</asp:DropDownList>
</CustomItem>
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="FontSizes" ToolTip="Font Sizes" Type="Custom">
<CustomItem>
<asp:DropDownList ID="FontSizeDropDown" runat="server" style="width:50px">
</asp:DropDownList>
</CustomItem>
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Bold" ImageUrl="00101011" ToolTip="Bold">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Italic" ImageUrl="00101012" ToolTip="Italic">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Underline" ImageUrl="00101013" ToolTip="Underline">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="AlignLeft" ImageUrl="00101014"
ToolTip="Align Left">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="AlignCenter" ImageUrl="00101015"
ToolTip="Align Center">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="AlignRight" ImageUrl="00101016"
ToolTip="Align Right">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="AlignJustify" ImageUrl="00101017"
ToolTip="Align Justify">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="BulletList" ImageUrl="00101019"
ToolTip="Bullet List">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="NumberedList" ImageUrl="00101020"
ToolTip="Numbered List">
</eo:ToolBarItem>
</Items>
<ItemTemplates>
<eo:ToolBarItem Type="Custom">
<NormalStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<HoverStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<DownStyle CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
</eo:ToolBarItem>
<eo:ToolBarItem Type="DropDownMenu">
<NormalStyle CssText="background-image:url('00100205');background-position-x:right;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;cursor:hand;padding-bottom:3px;padding-left:4px;padding-right:4px;padding-top:3px;" />
<HoverStyle CssText="background-color:#ffe1ac;background-image:url('00100206');background-position-x:right;border-bottom-color:#335ea8;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#335ea8;border-left-style:solid;border-left-width:1px;border-right-color:#335ea8;border-right-style:solid;border-right-width:1px;border-top-color:#335ea8;border-top-style:solid;border-top-width:1px;cursor:hand;padding-bottom:2px;padding-left:3px;padding-right:3px;padding-top:2px;" />
<DownStyle CssText="BORDER-RIGHT: #335ea8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #335ea8 1px solid; PADDING-LEFT: 4px; BACKGROUND-POSITION-X: right; BACKGROUND-IMAGE: url(00100206); PADDING-BOTTOM: 1px; BORDER-LEFT: #335ea8 1px solid; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #335ea8 1px solid; BACKGROUND-COLOR: #ffe1ac" />
</eo:ToolBarItem>
</ItemTemplates>
<NormalStyle CssText="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; CURSOR: hand; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; FONT-FAMILY: Tahoma; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none" />
<HoverStyle CssText="BORDER-RIGHT: #335ea8 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #335ea8 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; BORDER-LEFT: #335ea8 1px solid; CURSOR: hand; PADDING-TOP: 2px; BORDER-BOTTOM: #335ea8 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #ffe1ac" />
<DownStyle CssText="BORDER-RIGHT: #335ea8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #335ea8 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; BORDER-LEFT: #335ea8 1px solid; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #335ea8 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #ffe1ac" />
</eo:ToolBar>
</CustomHeaderTemplate>
<BreadcrumbDropDownStyle CssText="border-right: #435f96 1px solid; border-top: #435f96 1px solid; border-left: #435f96 1px solid; border-bottom: #435f96 1px solid; background-color: #eef3fa" />
<HtmlTabButtonStyles>
<NormalStyle CssText="font-size: 12px; background-image: url(00102004); width: 63px; font-family: tahoma; height: 21px" />
<HoverStyle CssText="font-size: 12px; background-image: url(00102005); width: 63px; font-family: tahoma; height: 21px" />
<SelectedStyle CssText="font-size: 12px; background-image: url(00102006); width: 63px; font-family: tahoma; height: 21px" />
</HtmlTabButtonStyles>
<EditAreaStyle CssText="border-bottom-color:gray;border-bottom-style:solid;border-bottom-width:1px;border-left-color:gray;border-left-style:solid;border-left-width:1px;border-right-color:gray;border-right-style:solid;border-right-width:1px;border-top-color:gray;border-top-style:solid;border-top-width:1px;" />
<CustomFooterTemplate>
<div style="FLOAT: left; WIDTH: 200px;">
<asp:PlaceHolder ID="ViewTabs" runat="server"></asp:PlaceHolder>
</div>
<div style="padding-top:1px">
<asp:PlaceHolder ID="Breadcrumb" runat="server"></asp:PlaceHolder>
</div>
</CustomFooterTemplate>
</eo:Editor>
</div>
</form>
</body>
</html>