Forums Retired Products and Controls
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Ismail
365
Redesign a menu to list items in Tree like structure with plus sign, on click of plus (change to - ) show the item belonging to submenu or menu
posted

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