Decorating it...

... As I mentioned in my last post for all those who love adding colors to their life and work, here we are...
If you don't like the default look of the tooltip and want to change it, make it look more colorful and trendy feel free to do so by overriding the .yui-tt class style defined in the
cf_webRoot/CFIDE/scripts/ajax/resources/yui/yui.css style sheet. You can put the style override on the displayed CFML page or the tooltip source page. If you like this, I would suggest you to see the Ext Documentation Center for more information.
Example:
To change the tooltip background color to red and tooltip border to black, you
could include the following lines on the tiptext.cfm page:
<style>
.yui-tt{
border: 1px solid black;
background-color: red;
}
</style>

So this is the tooltip we have for you and I am sure you love these little control of AJAX.

Over to you guyz now, to do all the experimenting you wish to do. But do get back to me to tell me how you like it.

In the next post I shall be talking about MENUS....
Till then....
ENJOY ColdFusion Scorpio!

Continued on Tooltip

Digging deep...

autodismissDelay: The time(in milliseconds) for which you want the tooltip to be seen, defaults to 5000ms or 5s.

hideDelay: The time(in milliseconds) for which the tooltip is seen after you have moved the mouse pointer away from the component, defaults to 250ms

preventoverlap: A Boolean value that specifies whether to prevent the
tooltip from overlapping the component that it describes.

showDelay: The time (in milliseconds) delay between you moving the mouse over the component and the tooltip appearing.

sourceForTooltip: This will allow you to include anything and everything that's in HTML format as a tooltip. This also means you can have images as your tooltip!!! If you specify this attribute, an animated icon appears with the text "Loading..." while the tip is being loaded.

tooltip: Say you just want a simple text to be your tooltip, here is the attribute for it. But mind you, it feels ignored if you use it with the sourceForTooltip! :)

One thing that has to be noted about the cftooltip tag is that, it should be used with simple components like text, images, inputboxes etc. Using it with AJAX components might make it uncomfortable and it might behave wierdly! ;)

For those of you who have the hobby of adding colors to your life as well as work, we haven't ignored you, but you will have to wait till the next post to find out what I am going to say more...

Small and simple...

Hover your mouse around my home and I come out,
You think I am just the tip, yet I always help you out!

All great things come in small packages...

But we have tried to stuff something more in this small package!

<cftooltip
optional
autodismissdelay="5000"
hidedelay="250"
preventoverlap="true|false"
showdelay="200"
sourcefortooltip="URL"
tooltip="text">
Display or tags that would have tooltip
</cftooltip>

I will post the details in the next post, explaining each of the attribute. Meanwhile you can do some homework ;) . Just note that sourcefortooltip and tooltip attribute should be mutually exclusively used.

All those who have already used it are more than welcome to give their comments!

Power of AJAX

As the title rightly says, the most wanted and awaited feature of Adobe ColdFusion Scorpio(8)! Watch this space for the pleasant "AJAX" surprises you were waiting for, from ColdFusion 8(Scorpio)...

Just FYI, Adobe Coldfusion 8 is public beta(Download) now!