ColdFusion.Layout.hideTab

Description

Hides the specified tab and its layout area.

Function syntax

ColdFusion.Layout.hideTab(layout, layoutArea)

See also

cflayoutcflayoutareaColdFusion.Layout.createTabColdFusion.Layout.disableTab

ColdFusion.Layout.enableTabColdFusion.Layout.selectTabColdFusion.Layout.showTab

Using layouts in Controlling Ajax user interface layout the Developing ColdFusion Applications

History

ColdFusion 8: Added this function

Parameters

Parameter

Description

layout

The name attribute of the tabbed layout that contains the area to hide.

layoutArea

The name attribute of the tab layout area to hide.

Returns

This function does not return a value.

Example

The following example creates a layout with two tabs. Click the buttons to show and hide the second tab.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>

<body>
<cflayout type="tab" name="tabLayout" tabheight="300px"
style="width:400px">
<cflayoutarea title="First Tab" name="tab1">
<h2>The First Tab</h2>
Here are the contents of the first tab.
</cflayoutarea>

<cflayoutarea title="Second Tab" name="tab2">
<h2>The Second Tab</h2>
This is the content of the second tab.
</cflayoutarea>
</cflayout>
<br />

<cfform name="layouts">
<cfinput type="button" name="ShowTab" value="Show Tab"
onClick="ColdFusion.Layout.showTab('tabLayout','tab2')">
<cfinput type="button" name="ShowTab" value="Hide Tab"
onClick="ColdFusion.Layout.hideTab('tabLayout','tab2')">
</cfform>
</body>
</html>

 

Get help faster and easier

New user?