How to create collapsible layout area in a border layout in ColdFusion

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>













More ColdFusion examples