How to use splitter in a border type layout in ColdFusion

cflayout - splitter in a border type layout

cflayoutSplitter.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 use splitter in a border type layout in coldfusion</title>
</head>

<body>
<h2 style="color:SeaGreen; font-style:italic">cflayout example: using splitter in border type layout</h2>
<hr width="550" align="left" color="LightPink" />
<br />

<cflayout name="BorderLayout" type="border" style="height:400px; width:650px; text-align:center">
 <cflayoutarea name="TopBar" position="top" splitter="true">
     Top
    </cflayoutarea>
 <cflayoutarea name="LeftBar" position="left" splitter="true">
     Left
    </cflayoutarea>
 <cflayoutarea name="CenterBar" position="center">
     <img src="Images/Dolphin2.JPG" />
    </cflayoutarea>
 <cflayoutarea name="RightBar" position="right" splitter="true">
     Right
    </cflayoutarea>
 <cflayoutarea name="BottomBar" position="bottom"  splitter="true">
     Bottom
    </cflayoutarea>
</cflayout>

</body>
</html>









More ColdFusion examples