cf_slidebarmenu is a quick solution to create sliding bar menu (Like Outlook).
Features:
- Easy to use, designed to fit your needs
- Support exact or relative positioning and sizing
- New in V3: Cross-browser compatible.
Tested on: Microsoft Internet Explorer 6, Mozilla Firefox and Netscape Navigator 8
- Not limited to create Outlook-like menu only!
Titles, menu item, icon position, almost everything can be customized!
Requirements: ColdFusion 5, MX and up Microsoft Internet Explorer and Gecko-based browsers, such as: Mozilla Firefox and Netscape Navigator
Usage: <!--- there are over 38 settings you can adjust to suite your needs. Just take a look at slidebarmenu.cfm for complete list ---> <cf_slidebarmenu top="" left="" width="" height="" bgcolor="" bgstyle="" borderwidth="" bordercolor="" borderstyle="" TitleAlign="" ImgTitleIcon="" titlebgcolor="" titleaddstyle="" iconheight="" iconwidth="" iconalign="" labelfontcolor="" labelpos="" labelalign="" elOverColor="" elClickedColor=" Speed="" InitialBar=""> <cf_slidebarsubmenu Bar="" icon="" label="" action="" target=""> </cf_slidebar> Very simple!
Examples: http://www.masrizal.com/index.cfm?fuseaction=idea.download_detail&ProductID=cf_slidebarmenu
or as seen in AdvenziaCommerce, advanced e-Commerce solution: http://www.advenziacommerce.com
*** Update *** I'm so happy to receive many comments and question regarding this custom tag. Thanks for your continued support. One of the question i think i would like to share with all of you is how to make this tag execute javascript function upon clicking items, such as open an alert box, pop up window, etc. Well, you can do this pretty easy. 1. Make sure you use #jsstringformat# in the string you passed to "action" attribute. 2. Put blank in "target" attribute. For example: <cf_slidebarsubmenu Bar="Account " icon="icon/icon_accountlist.gif" label="Account List" action="#jsstringformat("javascript: alert(""this is javascript alert box"");")#" target="">
Many thanks goes to Hakim Abdou who brought this question.
What's new in version 2.2: - InitialBar: this attribute can be used to set the default bar when the menu is being shown at the first time. See the example. - Attached form: some of you may not notice that this tag is also capable of including form fields into its content. See the example for details.
http://www.masrizal.com/index.cfm?fuseaction=idea.download_detail&ProductID=cf_slidebarmenu
Thanks to Garrett M. Wiedmeier for requesting the InitialBar function.
What's new in version 3:
Cross browser compatible! Yes, finally the long awaited cross-browser version has arrived. This custom tag now works on Microsoft Internet Explorer, and other Gecko-based browsers, such as Firefox and Netscape Navigator.
|