=====================================================================
                       An iEntry.com Mailing
=====================================================================


           DevWebProCA - AJAX UI Menus In Coldfusion 8 
                         June 19, 2007
                   http://www.devwebproca.com

*********************************************************************
*********************************************************************

Microsoft Expression Web

See for yourself how state-of-the-art tools can put the power of 
CSS in your hands.

Download the 60-day trial now.
http://aj.600z.com/aj/29349/0/cc?z=1&b=28151&c=29345

*********************************************************************
*********************************************************************

AJAX UI Menus In Coldfusion 8 
Raymond Camden | Expert Author

Continuing on with my tour of the new AJAX UI controls in ColdFusion
8, today I want to talk about menus.

It seems like I've been building DHTML menus since before the
dinosaurs walked the Earth, so it's nice to see this made a heck
of a lot easier in ColdFusion 8. Let's get into it.

At the simplest level, menus are made with the cfmenu and cfmenuitem
tags:

<cfmenu bgColor="##c0c0c0">
   <cfmenuitem display="Item One" href="http://www.adobe.com" />
    <cfmenuitem display="Item Two" href="http://www.cnn.com" />
</cfmenu>

This example creates a menu with two items. One that will show 
"Item One", and link to Adobe, and another one labeled "Item Two"
that will link to CNN. I supplied an optional background color.
By default the menu will be a normal horizontal menu. This creates
the menu you see here:
http://www.coldfusionjedi.com/demos/layout/menu1.cfm

(I put some text under the menu so you could
see it in context.)

How do you create sub menus? Just nest the menu items!

<cfmenu bgColor="##c0c0c0">
    <cfmenuitem display="Adobe" href="http://www.adobe.com" />
    <cfmenuitem display="Products">
      <cfmenuitem display="ColdFusion" href="http://www.adobe.com/
         go/coldfusion" />
      <cfmenuitem display="Flash" href="http://www.adobe.com/go/flash" />
    </cfmenuitem>
</cfmenu> 

*********************************************************************
*********************************************************************

Call the Domain Experts Today
Find the perfect domain name & great tools for growing your business.

BuyDomains.com. Business Starts Here.
http://aj.600z.com/aj/30050/0/cc?z=1&b=30048&c=30049

*********************************************************************
*********************************************************************


This example creates a submenu under a menu named Products. You can
see this in action here: 
http://www.coldfusionjedi.com/demos/layout/menu2.cfm

How about a vertical menu? Just add a type to the cfmenu tag:

<cfmenu bgColor="##c0c0c0" selectedItemColor="##ff0000" type=
"vertical" width="200">

I added a few things here. First the type="vertical". Then notice
I also specified a highlight color for the menu. I think the red
goes great with the gray. Next - since this isn't a menu going across
the page, I supplied a width. I put this into a table and you can
see the result here: 
http://www.coldfusionjedi.com/demos/layout/menu3.cfm

Another option - you can supply images to go along with your menu
items. These should (obviously) be smaller sized images. I'm using
a Silk Icon (http://www.famfamfam.com/lab/icons/silk/) in the next
example: 

<cfmenuitem display="ColdFusion" href="http://www.adobe.com/go/
coldfusion" image="page_white_coldfusion.png" />

Another modification you can make is to add dividers. This would
be useful for breaking up a long menu into sections:

<cfmenuitem divider="true" />

Demo here: http://www.coldfusionjedi.com/demos/layout/menu4.cfm

So thats a quick look at cfmenu. I didn't cover everything (that's
what docs are for!), but hopefully this will give you a taste of
the control. 

*********************************************************************
*********************************************************************

You need to make a conference call, and you need it now. Whether you
are a Fortune 500 company or a small business just getting on your
feet, you need to meet when and where it’s convenient for you. 

Set Up Your Account For Free And Start Conferencing Today!

Try ConferenceCall.com Now!
http://aj.600z.com/aj/29877/0/cc?z=1&b=29408&c=29876

*********************************************************************
*********************************************************************

About the Author:
Raymond Camden, ray@camdenfamily.com
http://ray.camdenfamily.com

Raymond Camden is Vice President of Technology for roundpeg, Inc.
A long time ColdFusion user, Raymond has worked on numerous
ColdFusion books and is the creator of many of the most popular
ColdFusion community web sites. He is an Adobe Community Expert,
user group manager, and the proud father of three little bundles of
joy.

=====================================================================
=====================================================================

For ad details and prices... mailto:susan@ientry.com

=====================================================================

Signup for free newsletters:  http://www.ientry.com/page/newsletters

=====================================================================

        ---  DevWebProCA is an iEntry.com publication  ---
                       http://www.iEntry.com

   iEntry, Inc. 2549 Richmond Rd Second Floor Lexington, KY 40509

====================================================================