|
|
Rank: Newbie
Groups: Member
Joined: 4/21/2008
Posts: 2
|
Hi,
I am using a rigth to loft menu in arabic but I am getting the menu items shifted to the left. They are aligned with items in the menu bar. Here is a sample code
<!-- Move the register derective below to the top of the page and delete this comment line if you paste this into another page. -->
<%@ Register TagPrefix="eo" Namespace="EO.Web" Assembly="EO.Web" %>
<!-- Control Definition -->
<eo:Menu runat="server" DesignOptions-ApplicationRoot="test" DesignOptions-Left="150" Width="200px" RightToLeft="True" ControlSkinID="None" CheckIconUrl="OfficeCheckIcon2"><LookItems>
<eo:MenuItem ItemID="_TopGroup"></eo:MenuItem>
<eo:MenuItem Height="24" ItemID="_TopLevelItem" HoverStyle-CssText="background-color:#C0D6F4;border-bottom-color:#000080;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#000080;border-left-style:solid;border-left-width:1px;border-right-color:#000080;border-right-style:solid;border-right-width:1px;border-top-color:#000080;border-top-style:solid;border-top-width:1px;padding-left:4px;padding-right:4px;padding-top:0px;padding-bottom:0px;" 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:5px;padding-right:5px;padding-top:1px;" DisabledStyle-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:5px;padding-right:5px;padding-top:1px;color:gray" SelectedStyle-CssText="background-color:white;border-bottom-color:#000080;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#000080;border-left-style:solid;border-left-width:1px;border-right-color:#000080;border-right-style:solid;border-right-width:1px;border-top-color:#000080;border-top-style:solid;border-top-width:1px;padding-left:4px;padding-right:4px;padding-top:0px;padding-bottom:0px;">
<SubMenu ItemSpacing="3" Style-CssText="background-color:#F6F6F6;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;color:black;cursor:hand;font-family:Tahoma;font-size:8pt;padding-bottom:1px;padding-left:1px;padding-right:1px;padding-top:1px;" ExpandEffect-Type="GlideTopToBottom" LeftIconCellWidth="25" CollapseEffect-Type="GlideTopToBottom" SideImage="Office2003SideBar3"></SubMenu>
</eo:MenuItem>
<eo:MenuItem ItemID="_Separator" IsSeparator="True" NormalStyle-CssText="background-color:#6a8ccb;height:1px;margin-right:30px;width:1px;"></eo:MenuItem>
<eo:MenuItem Height="24" ItemID="_Default" HoverStyle-CssText="background-color:#FFEEC2;border-bottom-color:#000080;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#000080;border-left-style:solid;border-left-width:1px;border-right-color:#000080;border-right-style:solid;border-right-width:1px;border-top-color:#000080;border-top-style:solid;border-top-width:1px;padding-left:4px;padding-right:1px;padding-top:0px;" Text-Padding-Left="30" 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:5px;padding-right:2px;padding-top:1px;" DisabledStyle-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:5px;padding-right:2px;padding-top:1px;color:gray" SelectedStyle-CssText="background-color:white;border-bottom-color:#000080;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#000080;border-left-style:solid;border-left-width:1px;border-right-color:#000080;border-right-style:solid;border-right-width:1px;border-top-color:#000080;border-top-style:solid;border-top-width:1px;padding-left:4px;padding-right:1px;padding-top:0px;">
<SubMenu ItemSpacing="3" Style-CssText="background-color:#F6F6F6;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;color:black;cursor:hand;font-family:Tahoma;font-size:8pt;padding-bottom:1px;padding-left:1px;padding-right:1px;padding-top:1px;" ExpandEffect-Type="GlideTopToBottom" LeftIconCellWidth="25" CollapseEffect-Type="GlideTopToBottom" SideImage="Office2003SideBar3"></SubMenu>
</eo:MenuItem>
</LookItems>
<TopGroup Style-CssText="background-color:#abc7f6;"><Items>
<eo:MenuItem Text-Html="ملف">
<SubMenu><Items>
<eo:MenuItem Text-Html="فتح"></eo:MenuItem>
<eo:MenuItem Text-Html="ملاحظات على النظام" LeftIcon-Url="00000101"></eo:MenuItem>
<eo:MenuItem Text-Html="إغلاق" LeftIcon-Url="00000100"></eo:MenuItem>
<eo:MenuItem Text-Html="جروج">
<SubMenu ItemSpacing="3"></SubMenu>
</eo:MenuItem>
</Items>
</SubMenu>
</eo:MenuItem>
<eo:MenuItem Text-Html="الصيانة">
<SubMenu><Items>
<eo:MenuItem Text-Html="مراكز التكلفة"></eo:MenuItem>
</Items>
</SubMenu>
</eo:MenuItem>
<eo:MenuItem Text-Html="إدارة المشتريات"></eo:MenuItem>
<eo:MenuItem Text-Html="إدارة المخازن"></eo:MenuItem>
<eo:MenuItem Text-Html="الإستعلامات"></eo:MenuItem>
<eo:MenuItem Text-Html="التقارير"></eo:MenuItem>
<eo:MenuItem Text-Html="السنة المالية"></eo:MenuItem>
<eo:MenuItem Text-Html="أدوات"></eo:MenuItem>
</Items>
</TopGroup>
</eo:Menu>
Thanks in advance
Art.
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,090
|
Hi,
Try setting the menu's width to a larger value, for example, "800px", instead of "200px" as it is currently set. For some reasons browsers takes the width very literally when in right to left mode, but acts much more tolerantly in left to right mode.
Thanks
|
|
Rank: Newbie
Groups: Member
Joined: 4/21/2008
Posts: 2
|
I already did it. It works fine with 3 menu items in the menu bar but my application needs around 8 menu items. Even I used "1000px" it is still shifting the menus.
Do you have solutions?
Thanks a lot.
Art.
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,090
|
We tried your menu with "800px" and it works fine. So it might has something to do with other contents in your page. Try it in a blank page and see how it goes.
Unfortunately the width attribute is the only workaround we know of (It's also the root of the problem). It has always worked though.
|
|