Hi,
we are using inf 11.1 and to upgrade it to ie9 , we made some tweaks in LevelIslandClass and changed it to "TopNormal" from "subnoraml"and it broke it in ie8 although its working in ie 9 now. The problem is that submenu items of the web menu are invisible. Is there any way to make it work in ie8 and ie9 as well. Thanks in advance.
Here is the code:
<Styles>
<ignav:Style BackColor="#537CCB" BorderColor="DarkBlue" CssClass="TopNormal" Cursor="Default"
CustomRules="BORDER-TOP: white 1px solid;BORDER-LEFT: white 1px solid;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#537ccb', EndColorStr='#133c8b')"
Font-Size="10pt" ForeColor="White" Height="24px" Width="95px">
<BorderDetails StyleRight="Solid" WidthBottom="0px" WidthLeft="0px" WidthRight="1px"
WidthTop="0px" />
</ignav:Style>
<ignav:Style BackColor="AliceBlue" BorderColor="DarkBlue" CssClass="TopHover" Cursor="Default"
CustomRules="BORDER-TOP: white 1px solid;BORDER-LEFT: white 1px solid;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#e4f4ff', EndColorStr='#c4d4e0');"
Font-Size="10pt" ForeColor="DarkBlue" Height="24px" Width="95px">
<ignav:Style BackColor="#F8F8F8" BackgroundImage="../Images/MenuImageUnderlay.gif"
BorderColor="White" CssClass="SubNormal" Cursor="Default" CustomRules="background-position: left top; background-repeat: no-repeat;"
Font-Size="8pt" ForeColor="#133C8B" Height="24px">
<BorderDetails ColorBottom="White" ColorLeft="RoyalBlue" ColorRight="RoyalBlue" StyleBottom="Solid"
StyleLeft="Solid" StyleRight="Solid" WidthBottom="1px" WidthLeft="1px" WidthRight="0px" />
<ignav:Style BackColor="#133C8B" BackgroundImage="../Images/MenuImageUnderlayHighlighted.gif"
BorderColor="White" CssClass="SubHover" Cursor="Default" CustomRules="background-position: left top; background-repeat: no-repeat;"
Font-Size="8pt" ForeColor="White" Height="24px">
</Styles>
<Levels>
<ignav:Level Index="0" LevelClass="TopNormal" LevelHiliteClass="TopHover" LevelHoverClass="TopHover"
LevelIslandClass="TopNormal" CheckboxColumnName="" ColumnName="" ImageColumnName=""
LevelImage="" LevelKeyField="" RelationName="" TargetFrameName="" TargetUrlName="" />
<ignav:Level Index="1" LevelClass="SubNormal" LevelHiliteClass="SubHover" LevelHoverClass="SubHover"
<ignav:Level Index="2" LevelClass="SubNormal" LevelHiliteClass="SubHover" LevelHoverClass="SubHover"
<ignav:Level Index="3" CheckboxColumnName="" ColumnName="" ImageColumnName="" LevelClass=""
LevelHiliteClass="" LevelHoverClass="" LevelImage="" LevelIslandClass="" LevelKeyField=""
RelationName="" TargetFrameName="" TargetUrlName="" />
</Levels>
Hello sahotak,
I'm just following up to see if you have resolved your issue.
Hi sahotak,
I created a sample, using the markup you have provided. Only the first child menu items were displayed. It seems that this is caused by the Height="24px" declaration in the first style element. Removing this solved the issue. I tested this sample under IE8 and 9 - working correctly. Please refer to the attached website.
Let me know if this helps.