Good day, I would like to redesign a menu.
The menubar has drop down items to select, i want to change not to show in drop down menu but list the items below in another line with plus sign & click on plus to show more (after menu plus click change to - ). Like a Tree listing with plus to go further down the tree order.
eg: this is what it currently does (on mouseover displays info with sub menu sub next to info beneath Main menu) and dissapers as move away.
Main Help
Info - sub
I would like the following with plus signs next to it, to display all items in main: eg:
+ Main
+ Info
sub
in a new line, I have no clue how - please assist.
Menu page code:
<td>
<ignav:UltraWebMenu id="mnu" JavaScriptFilename="" JavaScriptFileNameCommon="" LeafItemImageUrl="" ParentItemImageUrl=""
StyleSetName="" runat="server" EnhancedRendering="False" ItemPaddingSubMenus="0" ItemPaddingTop="0" ItemSpacingTop="0" SeparatorClass="" MergeStyles="False">
<ItemStyle CssClass="mnuItem"></ItemStyle>
<DisabledStyle ForeColor="LightGray"></DisabledStyle>
<HoverItemStyle Cursor="Default" CssClass="mnuItemHover"></HoverItemStyle>
<IslandStyle BorderStyle="None" Cursor="Default" ></IslandStyle>
<ExpandEffects ShadowColor="LightGray"></ExpandEffects>
<SeparatorStyle CssClass="SeparatorClass" CustomRules="background-repeat:repeat-x; "></SeparatorStyle>
<Levels>
<ignav:Level Index="0" LevelCheckBoxes="False"></ignav:Level>
<ignav:Level Index="1" LevelCheckBoxes="False"></ignav:Level>
</Levels>
<Items>
<ignav:Item TargetUrl="Home.aspx" TagString="" HoverClass="mnuMainHover"
TargetFrame="" CssClass="mnuMain" Text="Home" ToolTip="Navigate to Home"> </ignav:Item>
<ignav:Item TargetUrl="myActionlist.aspx" TagString=""
HoverClass="mnuMainHover" TargetFrame="" CssClass="mnuMain" Text="myActionList" ToolTip="All Activites"></ignav:Item>
<ignav:Item TargetUrl="myProcesslist.aspx" TagString=""
HoverClass="mnuMainHover" TargetFrame="" CssClass="mnuMain" Text="myProcess" ToolTip="Contains a list of all the processes that I can Initiate"></ignav:Item>
</Items>
<MenuClientSideEvents InitializeMenu="" ItemChecked="" ItemClick="" SubMenuDisplay="" ItemHover=""></MenuClientSideEvents>
</ignav:UltraWebMenu>
</td>
Regards