Welcome Guest Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » IE 10 Menu Compatibility Mode alignment issue

IE 10 Menu Compatibility Mode alignment issue Options
Previous Topic · Next Topic
Jimsurf
Posted: Friday, April 18, 2014 3:02:49 PM
Rank: Newbie
Groups: Member

Joined: 6/16/2010
Posts: 4
We are using the EO Menu, and have an issue in IE 10 with compatibility mode.
This image shows the issue: Image
In compatibility mode, the text of the menu is cut off on the left side.
I just downloaded the latest version of your control to see if it was an issue related to an outdated dll, but the new dll has the same issue.

Here is the code:
Quote:

<eo:Menu ID="Menu1" runat="server" DataSourceId="MenuSource" Width="200px"
TargetFrame="fraRightframe" ClientSideOnItemClick="ClickHandler"
onprerender="Menu1PreRender">
<TopGroup Style-CssText="background-color:Transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:White;font-weight:bold;font-family:Verdana;" />
<LookItems>
<eo:MenuItem 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"
Height="24" HoverStyle-CssText="background-color:DarkOrange;border-bottom-color:DarkOrange;border-bottom-style:outset;border-bottom-width:1px;border-left-color:DarkOrange;border-left-style:outset;border-left-width:1px;border-right-color:DarkOrange;border-right-style:outset;border-right-width:1px;border-top-color:DarkOrange;border-top-style:outset;border-top-width:1px;padding-bottom:0px;padding-left:4px;padding-right:4px;padding-top:0px;"
ItemID="_TopLevelItem" LeftIcon-Url="~/library/shared/bluedots.gif" 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;"
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 CollapseEffect-Type="GlideTopToBottom" ExpandEffect-Type="GlideTopToBottom"
ItemSpacing="3" Style-CssText="background-color:#2458AB;border-bottom-color:#A8A7BF;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#A8A7BF;border-left-style:solid;border-left-width:1px;border-right-color:#A8A7BF;border-right-style:solid;border-right-width:1px;border-top-color:#A8A7BF;border-top-style:solid;border-top-width:1px;color:white;cursor:hand;font-family:Verdana;font-size:8pt;font-weight:bold;padding-bottom:1px;padding-left:1px;padding-right:1px;padding-top:1px;">
</SubMenu>
</eo:MenuItem>
<eo:MenuItem 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:2px;padding-right:5px;padding-top:1px;color:gray"
Height="24" HoverStyle-CssText="color:White;background-color:DarkOrange;border-bottom-color:DarkOrange;border-bottom-style:outset;border-bottom-width:1px;border-left-color:DarkOrange;border-left-style:outset;border-left-width:1px;border-right-color:DarkOrange;border-right-style:outset;border-right-width:1px;border-top-color:DarkOrange;border-top-style:outset;border-top-width:1px;padding-left:1px;padding-right:4px;padding-top:0px;"
ItemID="_Default" 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:5px;padding-top:1px;"
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:1px;padding-right:4px;padding-top:0px;"
Text-Padding-Right="30">
<SubMenu CollapseEffect-Type="GlideTopToBottom" ExpandEffect-Type="GlideTopToBottom"
ItemSpacing="3" Style-CssText="background-color:#2458AB;border-bottom-color:#A8A7BF;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#A8A7BF;border-left-style:solid;border-left-width:1px;border-right-color:#A8A7BF;border-right-style:solid;border-right-width:1px;border-top-color:#A8A7BF;border-top-style:solid;border-top-width:1px;color:white;cursor:hand;font-family:Verdana;font-size:8pt;font-weight:bold;padding-bottom:1px;padding-left:1px;padding-right:1px;padding-top:1px;">
</SubMenu>
</eo:MenuItem>
</LookItems>
</eo:Menu>
Back to top
 
eo_support
Posted: Friday, April 18, 2014 9:33:21 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,072
Hi,

We have not been able to reproduce the problem. We tried to combine the LookItem styles you posted here with the test project you sent to us, and also put the menu in a cross frame environment. However the problem still does not occur with any version of IE we tested. So the problem might be triggered by something else in your page. I would recommend you to try a few things:

1. Try to remove the CSS rules/styles in your target frame page block by block and see if it has anything to do with that. Ideally the Menu should be able to render fine unless you have some CSS that are in directly conflict with the elements used by the menu. However in order to find out the root of the problem we have to find out what triggered it first;

2. Do the same with the contents in your target frame and see if you can identify what triggered the problem;

3. The size the clip off seems to similar to the shadow size. So I would recommend you to try explicitly set ShadowDepth to 0 on your sub menu and see if that corrects the problem;

Please let us know if you find anything.

Thanks!
Back to top
 


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.