Hi:
I have problems to add separator in webMenu. I add some menu items and change the property "Sepatator" of those items to true. but those separator items never show up, I also tried to change the properties of those separator menu item (width, color, ...) . Never successful, is there something I missed ?
Hello,
Please take a look at the link below http://news.infragistics.com/forums/p/17923/65273.aspx#65273
Hope this helps
Thanks a lot for your so quick response.
The following are two menus, the second one is for testing. And I also paste part of config file which used to redirect image saved at local folder. I create a folder named as Infragistics in my web application and put images and scripts in the subfolders of it.
/////////////////
<ignav:UltraWebMenu ID="MainMenu" runat="server" JavaScriptFilename="" JavaScriptFileNameCommon="" LeafItemImageUrl="" ParentItemImageUrl="" Style="position: relative" StyleSetName="" BorderStyle="Outset" CompactRendering="False" DisabledClass="" EnableViewState="False" FileUrl="" ItemPaddingSubMenus="0" ItemPaddingTop="0" ItemSpacingSubMenus="2" ItemSpacingTop="2" SeparatorClass="" TargetFrame="" TargetUrl="" TopAligment="Center" TopItemSpacing="Compact" TopSelectedClass="" AutoPostBack="True" BorderColor="Black" OnMenuItemClicked="MainMenu_MenuItemClicked"> <IslandStyle BackColor="WhiteSmoke" BorderStyle="Solid" BorderWidth="1px" Cursor="Default" BorderColor="Black" Font-Names="MS Sans Serif" Font-Size="8pt" ForeColor="Black"> </IslandStyle> <HoverItemStyle BackColor="LightSteelBlue" Cursor="Default" ForeColor="White" BorderColor="RoyalBlue" BorderStyle="Solid" BorderWidth="1px"> <Margin Bottom="0px" Left="0px" Right="0px" Top="0px" /> </HoverItemStyle> <Images> <SubMenuImage Url="ig_menuTri.gif" /> <ScrollTopDisabledImage Url="ig_menu_scrollup_disabled.gif" /> <ScrollBottomDisabledImage Url="ig_menu_scrolldown_disabled.gif" /> <ScrollBottomImage Url="ig_menu_scrolldown.gif" /> <ScrollTopImage Url="ig_menu_scrollup.gif" /> </Images> <ItemStyle BorderWidth="0px" CssClass="Button" ForeColor="Black" Width="100%"> <Margin Bottom="1px" Left="1px" Right="1px" Top="1px" /> </ItemStyle> <Items> <ignav:Item Text="Blood Tests"> <Items> <ignav:Item Text="Today"> </ignav:Item> <ignav:Item Text="Last 7 days"> </ignav:Item> <ignav:Item Text="Last 30 days"> </ignav:Item> <ignav:Item Text="All"> </ignav:Item> </Items> </ignav:Item> <ignav:Item Separator="True" Text="" CssClass="ig_7af86498_r8 SeparatorClass"> </ignav:Item> <ignav:Item Text="QA Tests"> <Items> <ignav:Item Text="Today"> </ignav:Item> <ignav:Item Text="Last 7 days"> </ignav:Item> <ignav:Item Text="Last 30 days"> </ignav:Item> <ignav:Item Text="All"> </ignav:Item> </Items> </ignav:Item> <ignav:Item Separator="True" Text="" CssClass="ig_7af86498_r8 SeparatorClass"> </ignav:Item> <ignav:Item Text="EPOC System"> <Items> <ignav:Item Text="Electronic QC"> </ignav:Item> <ignav:Item Text="Usage Stats"> </ignav:Item> <ignav:Item Text="Operators"> </ignav:Item> <ignav:Item Text="Users"> </ignav:Item> <ignav:Item Text="Settings"> <Items> <ignav:Item Text="Setting Unit"> </ignav:Item> <ignav:Item Text="Setting Range"> </ignav:Item> <ignav:Item Text="Software Update"> </ignav:Item> </Items> </ignav:Item> </Items> </ignav:Item> </Items> <DisabledStyle ForeColor="LightGray"> </DisabledStyle> <Levels> <ignav:Level Index="0" /> <ignav:Level Index="1" /> <ignav:Level Index="2" /> </Levels> <SeparatorStyle BackgroundImage="ig_menuSep.gif" CssClass="SeparatorClass" CustomRules="background-repeat:repeat-x; " /> <ExpandEffects ShadowColor="LightGray" Opacity="80" Type="Slide" /> <TopSelectedStyle BackColor="SteelBlue" BorderColor="#0000C0" BorderStyle="Solid" BorderWidth="1px"> <Margin Bottom="0px" Left="0px" Right="0px" Top="0px" /> </TopSelectedStyle> <MenuClientSideEvents InitializeMenu="" ItemChecked="" ItemClick="" ItemHover="" SubMenuDisplay="" /> </ignav:UltraWebMenu> <ignav:UltraWebMenu ID="UltraWebMenu1" runat="server" JavaScriptFilename="" JavaScriptFileNameCommon="" LeafItemImageUrl="" ParentItemImageUrl="" Style="position: relative" StyleSetName=""> <IslandStyle BackColor="LightGray" BorderStyle="Outset" BorderWidth="1px" Cursor="Default"> </IslandStyle> <HoverItemStyle BackColor="DarkBlue" Cursor="Default" ForeColor="White"> </HoverItemStyle> <Images> <SubMenuImage Url="ig_menuTri.gif" /> </Images> <ItemStyle Cursor="Default" /> <Items> <ignav:Item Text="Top Item"> <Items> <ignav:Item Text="Sub Menu Item"> </ignav:Item> <ignav:Item Separator="True" Text=""> </ignav:Item> <ignav:Item Text="Sub Menu Item"> </ignav:Item> <ignav:Item Separator="True" Text=""> </ignav:Item> </Items> </ignav:Item> <ignav:Item Separator="True" Text=""> </ignav:Item> <ignav:Item Text="Top Item"> </ignav:Item> <ignav:Item Separator="True" Text=""> </ignav:Item> </Items> <DisabledStyle Font-Names="MS Sans Serif" Font-Size="8pt" ForeColor="Gray"> </DisabledStyle> <Levels> <ignav:Level Index="0" /> <ignav:Level Index="1" /> </Levels> <SeparatorStyle BackgroundImage="ig_menuSep.gif" CssClass="SeparatorClass" CustomRules="background-repeat:repeat-x; " /> <ExpandEffects ShadowColor="LightGray" /> <MenuClientSideEvents InitializeMenu="" ItemChecked="" ItemClick="" ItemHover="" SubMenuDisplay="" /> </ignav:UltraWebMenu>
//////////////
<configSections> <section name="infragistics.web" type="System.Configuration.SingleTagSectionHandler,System, Version=1.0.3300.0,Culture=neutral, PublicKeyToken=b77a5c561934e089"/> <sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"> <sectionGroup name="scripting" type="System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"> <section name="scriptResourceHandler" type="System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication"/> <sectionGroup name="webServices" type="System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"> <section name="jsonSerialization" type="System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="Everywhere"/> <section name="profileService" type="System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication"/> <section name="authenticationService" type="System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication"/> </sectionGroup> </sectionGroup> </sectionGroup> </configSections> <infragistics.web imageDirectory="~/Infragistics/Images" javaScriptDirectory="~/Infragistics/Scripts"/>
Thanks
Lu
Could you please copy/paste the ASPX setup of your menu instance here, so I can reproduce the problem locally and provide a fix/solution asap?
Thanks in advance.
Thanks for your reply, /ig_common/images/ig_menusep.gif is in IIS, I check the everyting, everything setup as what you said by default. But still not show any separators. I also create a new menu, with some items set as separator, and don't modify any thing else. But still. I don't know, why it didn't work even on default situation.
I also copy all impages to local, and change the web.config by following the guide of infragistics
to redirect images folder, but still again.
BTW, the image ig_menusep.gif is a horizon line inside but not a vertical line. That's not make sence.
Any new suggestion?
Just a quick follow-up - you may also want to play with the SeparatorStyle of your UltraWebMenu instance:
<SeparatorStyle BackgroundImage="ig_menuSep.gif" CssClass="SeparatorClass" CustomRules="background-repeat:repeat-x; " />