Skip to content

Instantly share code, notes, and snippets.

@youcoldfusion

youcoldfusion/cflayout.cfm

Created April 5, 2013 13:32
Show Gist options
  • Save youcoldfusion/5319292 to your computer and use it in GitHub Desktop.
Save youcoldfusion/5319292 to your computer and use it in GitHub Desktop.
Download ZIP
<cflayout>,<cflayoutarea>
Raw
cflayout.cfm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<cflayout type="tab" name="thelayout" tabheight="175" style="background-color:silver;color:black; height:200">
<cflayoutarea title="Tab 1" style="border:1px solid black" closable="false" >
This is text in layout area 1
</cflayoutarea>
<cflayoutarea name="area2" title="Tab 2" inithide="false" style="border:1px solid black" >
This is text in layout area 2
</cflayoutarea>
<cflayoutarea title="Tab 3" style="border:1px solid black">
This is text in layout area 3
</cflayoutarea>
</cflayout>
<cflayout type="border" >
<cflayoutarea title="layout2area2" collapsible="true" position="top">
layout2area2 text
</cflayoutarea>
</cflayout>
<br />
<cfform>
<cfinput name="show" width="40" value="show tab" type="button"
onClick="ColdFusion.Layout.showTab('thelayout', 'area2');">
<cfinput name="hide" width="40" value="hide tab" type="button"
onClick="ColdFusion.Layout.hideTab('thelayout', 'area2');">
<cfinput name="enable" width="40" value="enable tab" type="button"
onClick="ColdFusion.Layout.enableTab('thelayout', 'area2');">
<cfinput name="disable" width="40" value="disable tab" type="button"
onClick="ColdFusion.Layout.disableTab('thelayout', 'area2');">
<cfinput name="select" width="40" value="select tab" type="button"
onClick="ColdFusion.Layout.selectTab('thelayout', 'area2');">
</cfform>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment