I'm using eo:Menu which I'm creating using the designer, as you explained yesterday.
Some of the menu items have their Disabled property set to true in the markup because they need to be disabled with the page first loads. In the Preview tab in the menu designer, their icons display correctly as disabled i.e. greyscale. However, at runtime, they don't.
You can see this behaviour
here.
When the page first loads, the items under the Quiz menu (Validate, Send to checker, and Create) are disabled because no quiz has been created or opened. Click File, New to start a new quiz - among other things, this enables the three menu items under the Quiz menu. Click File, Close to close it again. However, in both cases, the icons to the left of the menu items under the Quiz menu are unchanged.
Also, the LeftIcon for the View, About menu item is set to "00103043". Again, this displays correctly in the Preview tab of the menu designer, but not at runtime.
The eo:Menu markup is as follows:
Code: HTML/ASPX
<eo:Menu runat="server" id="mnuMenu" ControlSkinID="None" Width="122px" CheckIconUrl="OfficeCheckIcon" OnItemClick="mnuMenu_ItemClick" RaisesServerEvent="True" ClientSideOnItemClick="mnuMenu_ItemClick">
<TopGroup>
<Items>
<eo:MenuItem Text-Html="File">
<SubMenu>
<Items>
<eo:MenuItem Text-Html="New" LeftIcon-Url="../images/quizzes/File.ico" LeftIcon-DisabledUrl="../images/quizzes/File_d.ico" Value="File¬New" ToolTip="Create a new quiz" />
<eo:MenuItem Text-Html="Open" LeftIcon-Url="../images/quizzes/Open.ico" LeftIcon-DisabledUrl="../images/quizzes/Open_d.ico" Value="File¬Open" ToolTip="Open an existing quiz" />
<eo:MenuItem Text-Html="Save" LeftIcon-Url="../images/quizzes/Save.ico" LeftIcon-DisabledUrl="../images/quizzes/Save_d.ico" ToolTip="Save this quiz" Disabled="True" />
<eo:MenuItem Text-Html="Save As..." LeftIcon-Url="../images/quizzes/Save_As.ico" LeftIcon-DisabledUrl="../images/quizzes/Save_As_d.ico" ToolTip="Save this quiz with a new name" Disabled="True" />
<eo:MenuItem IsSeparator="True" />
<eo:MenuItem Text-Html="Close" Value="File¬Close" ToolTip="Close this quiz" LeftIcon-Url="00070101" Disabled="True" />
<eo:MenuItem Text-Html="Exit" Value="File¬Exit" LeftIcon-Url="../images/quizzes/Exit.ico" ToolTip="Return to the main QLL site" />
</Items>
</SubMenu>
</eo:MenuItem>
<eo:MenuItem Text-Html="Quiz">
<SubMenu>
<Items>
<eo:MenuItem Text-Html="Validate" Value="Quiz¬Validate" ToolTip="Validate this quiz" Disabled="True" LeftIcon-Url="00101063" />
<eo:MenuItem Text-Html="Send to checker" Value="Quiz¬Send" ToolTip="Send this quiz to an editor for proofing" Disabled="True" LeftIcon-Url="00030416">
<SubMenu ItemSpacing="3">
<Items>
<eo:MenuItem Text-Html="Andrew Frazer" Value="File¬Send" ToolTip="Send to Andrew" LeftIcon-Url="00030402" />
<eo:MenuItem Text-Html="Gavin Fuller" Value="File¬Send" ToolTip="Send to Gavin" LeftIcon-Url="00030402" />
<eo:MenuItem Text-Html="John O'Connor" Value="File¬Send" ToolTip="Send to John" LeftIcon-Url="00030402" />
<eo:MenuItem Text-Html="Mark Rae" Value="File¬Send" ToolTip="Send to Mark" LeftIcon-Url="00030402" />
<eo:MenuItem Text-Html="Phil Smith" Value="File¬Send" ToolTip="Send to Phil" LeftIcon-Url="00030402" />
</Items>
</SubMenu>
</eo:MenuItem>
<eo:MenuItem Text-Html="Create" Value="Quiz¬Create" ToolTip="Create the quiz" Disabled="True" LeftIcon-Url="00101031" />
</Items>
</SubMenu>
</eo:MenuItem>
<eo:MenuItem Text-Html="Help">
<SubMenu>
<Items>
<eo:MenuItem Text-Html="View" Value="View¬Help" LeftIcon-Url="../images/quizzes/Help.ico" ToolTip="View on-line help" />
<eo:MenuItem Text-Html="About" Value="View¬About" LeftIcon-Url="00103043" ToolTip="About Quizmaker" />
</Items>
</SubMenu>
</eo:MenuItem>
</Items>
</TopGroup>
<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:lightgrey" Height="24" HoverStyle-CssText="background-color:#c1d2ee;border-bottom-color:#316ac5;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#316ac5;border-left-style:solid;border-left-width:1px;border-right-color:#316ac5;border-right-style:solid;border-right-width:1px;border-top-color:#316ac5;border-top-style:solid;border-top-width:1px;padding-left:4px;padding-right:4px;padding-top:0px;padding-bottom:0px;" ItemID="_TopLevelItem" 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:#316ac5;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#316ac5;border-left-style:solid;border-left-width:1px;border-right-color:#316ac5;border-right-style:solid;border-right-width:1px;border-top-color:#316ac5;border-top-style:solid;border-top-width:1px;padding-left:4px;padding-right:4px;padding-top:0px;padding-bottom:0px;">
<SubMenu ExpandEffect-Type="GlideTopToBottom" Style-CssText="background-color:#fcfcf9;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#999999;border-left-style:solid;border-left-width:1px;border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-top-color:#999999;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;" CollapseEffect-Type="GlideTopToBottom" SideImage="Office2003SideBar" LeftIconCellWidth="25" ItemSpacing="3" />
</eo:MenuItem>
<eo:MenuItem IsSeparator="True" ItemID="_Separator" NormalStyle-CssText="background-color:#c5c2b8;height:1px;margin-left:30px;width:1px;" />
<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:lightgrey" Height="24" HoverStyle-CssText="background-color:#c1d2ee;border-bottom-color:#316ac5;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#316ac5;border-left-style:solid;border-left-width:1px;border-right-color:#316ac5;border-right-style:solid;border-right-width:1px;border-top-color:#316ac5;border-top-style:solid;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:#316ac5;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#316ac5;border-left-style:solid;border-left-width:1px;border-right-color:#316ac5;border-right-style:solid;border-right-width:1px;border-top-color:#316ac5;border-top-style:solid;border-top-width:1px;padding-left:1px;padding-right:4px;padding-top:0px;" Text-Padding-Right="30">
<SubMenu ExpandEffect-Type="GlideTopToBottom" Style-CssText="background-color:#fcfcf9;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#999999;border-left-style:solid;border-left-width:1px;border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-top-color:#999999;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;" CollapseEffect-Type="GlideTopToBottom" SideImage="Office2003SideBar" LeftIconCellWidth="25" ItemSpacing="3" />
</eo:MenuItem>
</LookItems>
</eo:Menu>