Ajax JavaScript Function - ColdFusion.Layout.createTab
ColdFusionLayoutcreateTab.cfm
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax JavaScript Function: how to use ColdFusion.Layout.createTab in coldfusion</title>
</head>
<body>
<h2 style="color:DeepPink; font-style:italic">cfwindow tag example: ColdFusion.Layout.createTab</h2>
<hr width="575" align="left" color="LightPink" />
<br />
<a href="JavaScript:ColdFusion.Layout.createTab('ImageLayout','Tab2','Tree Image','TabSource.cfm')">
<b>Create New Tab</b>
</a>
<br /><br />
<cflayout name="ImageLayout" type="tab" style="width:550px">
<cflayoutarea name="ButterflyTab" title="butterfly Image">
<img src="Images/Butterfly16.jpg" />
</cflayoutarea>
</cflayout>
</body>
</html>
TabSource.cfm
<img src="Images/Butterfly17.jpg" />
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis-UhsxpbucObtU1hzDZsUPAFwnh29wsoMSMXw9E1QHmv5_WsgzR8pEssQLdNt6p45qOF-IpS7BqV6BTFt_V1P3T9GYCL8t03k4kGtTpQw65T3PRVnyfGOifoCn2GxKZ9GNpTVQXM-uvY/s1600/ColdFusionLayoutcreateTab.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJvSeLEP_U6wZAuBtieahkeESkJwPTBqbcQtDMpoqiaydCj2xQTgTEtIgkd2GkZjqa6qdIUpLFA-8Nt2kqnZodf8t3H3rq_pPddVD3NkxrEJ6AJ3KX0Y4OfVGVoZGaxRipJxmJaslw0Rw/s1600/ColdFusionLayoutcreateTab1.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJFqbKspvRQgxvnAcjn2y7ud8KbyZpaC12hdICI8gbVSMFmqfX-AWGoDrRUajAN8vkjtG6fcxw9_e74LqRu9Koi2SnRjoc7Cb47UdxuHKLwTJB6WjBZarunpyp7KWfAbRqULZ8QzLuCLY/s1600/ColdFusionLayoutcreateTab2.gif)
- ajax function - create window programmatically with custom settings
- cfwindow - create window with custom body style
- cfwindow - create window with custom header style
- cfchart - label format currency, date, number, percent in chart
- cfchart - legend in chart
- cfchart - paintstyle property in cfchartseries