Topic: Could CFmenu subitem flyout cross frame?


cf88    -- 05-06-2009 @ 11:04 AM
  Hi all, I have a coldfusion site using frame, I need to replace the menu frame with cfmenu.

But when I do it, It looks fine for the first level, but when it comes to the submenuItems, they will stay within the frame.

If the menu vertical on the left, it stays in the left frame displayed as dropdown menu instead of flyout.

If it is horizontal menu and the frames height equal the height of the first level item, then submenu items can't be seen.



So my question is, is there a way to make them flyout cross the frame when vertical and cross down frame when horizontal?

Appreciate your insights.



Here is the code for vertical frame:

<frameset border="0" frameborder="0" framespacing="0" rows="60,*">  
        <frame src="header.cfm" scrolling="No"  marginheight=0 marginwidth=0 noresize>  
        <frameset border="0" frameborder="0" framespacing="0" cols="200,*">  
            <frame name="menu" src="menu.cfm" scrolling="No"  marginheight=0 marginwidth=0 noresize>  
            <frame name="main" src="news.cfm" scrolling="No" marginheight=0 marginwidth=0 noresize>      
        </frameset>
</frameset>

in menu.cfm

<body onLoad="visibilitytoggle()"leftmargin="0" topmargin="0">
    <table width="200">      
    <tr valign="top">
        <td align="right">
           <cfmenu ...>

                 <cfmenuitem ...>

                  .......

                 </cfmenuitem>

          </cfmenu>
        </td>
    </tr>



</table>
</body>

-------------------------------------------------------------------------------- ------------------------------------------------------

Here is the code for horizontal frame:

<frameset border="0" frameborder="0" framespacing="0" Rows="60,25, *">  
         <frame name="header"src="header.cfm" scrolling="No"  marginheight=0 marginwidth=0 noresize>  
          <frame name="menu" src="menu.cfm" scrolling="No"  marginheight=0 marginwidth=0 noresize>  
          <frame name="main" src="news.cfm" scrolling="No" marginheight=0 marginwidth=0 noresize>      
</frameset>



the menu.cfm is like this:

<table cellspacing="0" cellpadding="0" border="0" bgcolor="#CACAA4">
            <tr>              
            <td>
                <cfmenu name="menu1" type="horizontal"
                         fontsize="8"  font="Verdana, Arial, Helvetica, sans-serif"  bgcolor="##CACAA4"
                        selecteditemcolor="##006633" selectedfontcolor="##FFFFFF" menustyle="border: 1; ">
                    <cfmenuitem  display="General">
                            <cfmenuitem name="item1"
                                 href="item1.cfm" display="Item1"/>                              
                    </cfmenuitem>      
                </cfmenu>
            </td>

       <td>
                 <cfmenu name="menu1" type="horizontal"
                          fontsize="8"  font="Verdana"  bgcolor="##CACAA4"
                         selecteditemcolor="##006633" selectedfontcolor="##FFFFFF" menustyle="border: 1; ">
                     <cfmenuitem  display="HR">
                             <cfmenuitem name="item1"
                                  href="HR/item1.cfm" display="Item1"/>  

                            <cfmenuitem name="item1"
                                  href="HR/item1.cfm" display="Item1"/>  

                              <cfmenuitem name="item1"
                                  href="HR/item1.cfm" display="Item1"/>                              
                     </cfmenuitem>      
                 </cfmenu>
             </td>

           <td>
                 <cfmenu name="menu1" type="horizontal"
                          fontsize="8"  font="Verdana"  bgcolor="##CACAA4"
                         selecteditemcolor="##006633" selectedfontcolor="##FFFFFF" menustyle="border: 1; ">
                     <cfmenuitem  display="Sales">
                             <cfmenuitem name="item1"
                                  href="Sales/item1.cfm" display="Item1"/>  

                            <cfmenuitem name="item1"
                                  href="Sales/item1.cfm" display="Item1"/>  

                              <cfmenuitem name="item1"
                                  href="Sales/item1.cfm" display="Item1"/>                              
                     </cfmenuitem>      
                 </cfmenu>
             </td>

     </tr>

     </table>





Please advice if I have better option to accomplish this.

Thanks,

Jush

This message was edited by cf88 on 5-7-09 @ 8:33 AM


EasyCFM.COM ColdFusion Forums : http://archive.easycfm.com/forums
Topic: http://archive.easycfm.com/forums/viewmessages.cfm?Forum=18&Topic=14286