cflayout - collapsible layout area in a border layout
cflayoutCollapsible.cfm
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>cflayout tag: how to create collapsible layout area in a border type layout</title>
</head>
<body>
<h2 style="color:SaddleBrown; font-style:italic">cflayout example: collapsible layoutarea</h2>
<hr width="550" align="left" color="LightPink" />
<br />
<cflayout name="BorderLayout" type="border" style="height:450px; width:575px; text-align:center">
<cflayoutarea name="TopBar" position="top">
Top
</cflayoutarea>
<cflayoutarea name="LeftBar" position="left" closable="true" style="width:75px" collapsible="true">
Left
</cflayoutarea>
<cflayoutarea name="CenterBar" position="center">
<img src="Images/Dolphin1.JPG" />
</cflayoutarea>
<cflayoutarea name="RightBar" position="right" closable="true" collapsible="true" style="width:75px">
Right
</cflayoutarea>
<cflayoutarea name="BottomBar" position="bottom">
Bottom
</cflayoutarea>
</cflayout>
</body>
</html>
