ColdFusion 9.0 Resources |
cfmenuitemSyntax<cfmenuitem display="string" childStyle="CSS style specification" href="URL or JavaScript function" image="path" menuStyle="CSS style specification" name="string" style="CSS style specification" target="location identifier"> Optional child menuitem tags </cfmenuitem> OR <cfmenuitem divider[="true"]/> If the cfmenuitem tag does not have a body with an end </cfmenuitem> tag, close the tag with a forward slash character before the closing greater than character (/>), for example, <cfmenuitem divider="true"/>. Note: You can specify this tag’s attribute in an attributeCollection attribute whose
value is a structure. Specify the structure name in the attributeCollection attribute
and use the tag’s attribute name as structure key.
See alsocfmenu, Using menus and toolbars in Using Ajax User Interface Components and Features in the Developing ColdFusion Applications Attributes
UsageEvery cfmenuitem tag must be a child of a cfmenu tag or a cfmenuitem tag. To create a submenu, put the cfmenuitem tags for submenu items in the body of the cfmenuitem tag for the submenu root in the parent menu. For an example of a simple submenu, see cfmenu. ExampleThe following menu shows the effects of the various style attributes on the menu and menu item appearance. <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <cfmenu name="menu" type="horizontal" fontsize="14" bgcolor="##FF9999" childStyle="font-weight:bold; font-size:12px; border:medium; background-color:##99FF99" menuStyle="font-weight:bold; font-style:italic; font-size:14px; background-color:##9999FF"> <cfmenuitem name="acrobatInfo" href="http://www.adobe.com/acrobat" display="Acrobat"/> <cfmenuitem name="aftereffectsInfo" href="http://www.adobe.com/aftereffects" display="After Effects"/> <!--- The ColdFusion menu item has a pop-up menu. ---> <cfmenuitem name="cfInfo" childStyle="font-weight:bold; font-size:12px; border:medium; background-color:##FF0000" style="font-weight:bold; font-style:italic; font-size:16px; border:medium; background color:##00FF00" menuStyle="font-weight:bold; font-style:italic; font-size:16px; border:medium; background-color:##0000FF" href="http://www.adobe.com/products/coldfusion" display="ColdFusion"> <cfmenuitem name="cfbuy" href="http://www.adobe.com/products/coldfusion/buy/" display="Buy"/> <cfmenuitem divider="true"/> <cfmenuitem name="cfdevcenter" href="http://www.adobe.com/devnet/coldfusion/" display="Developer Center"/> <cfmenuitem name="cfdocumentation" href="http://www.adobe.com/support/documentation/en/coldfusion/" display="Documentation"> <cfmenuitem name="cfmanuals" href="http://www.adobe.com/support/documentation/en/coldfusion/ index.html##manuals" display="Product Manuals"/> <cfmenuitem name="cfrelnotes" href="http://www.adobe.com/support/documentation/en/coldfusion/ releasenotes.html" display="Release Notes"/> </cfmenuitem> <cfmenuitem name="cfsupport" href="http://www.adobe.com/support/coldfusion/" display="Support"/> </cfmenuitem> <cfmenuitem name="flexInfo" href="http://www.adobe.com/flex" display="Flex"> <cfmenuitem name="fldocumentation" href="http://www.adobe.com/support/documentation/en/flex/" display="Documentation" > <cfmenuitem name="flmanuals" href="http://www.adobe.com/support/documentation/en/flex/ index.html##manuals" display="Product Manuals" /> </cfmenuitem> </cfmenuitem> </cfmenu> </body> </html> |