Listing 1: Finished VTML code for the <cf_myOwnCustomTag> sample
<!--- /// cf_myOwnCustomTag.vtm /// ----> <!--- Place into #StudioDirectory#/Extensions/TagDefs/Custom/ ---> <TAG NAME="CF_MYOWNCUSTOMTAG"> <ATTRIBUTES> <ATTRIB NAME="COLOR" TYPE="COLOR" CONTROL="txtColor"/> <ATTRIB NAME="TITLEFONT" TYPE="FONT" CONTROL="txtTitlefont"/> <ATTRIB NAME="HEADLINE" TYPE="TEXT" CONTROL="txtHeadline"/> <ATTRIB NAME="STATUS" TYPE="ENUMERATED" CONTROL="txtStatus"> <ATTRIBOPTION VALUE="Active" CAPTION="Active connection"/> <ATTRIBOPTION VALUE="Inactive" CAPTION="Inactive connection"/> <ATTRIBOPTION VALUE="Pending" CAPTION="Pending request"/> </ATTRIB> </ATTRIBUTES> <ATTRIBCATEGORIES> <ATTRIBGROUP NAME="Misc" ELEMENTS="COLOR,TITLEFONT,HEADLINE,STATUS"/> </ATTRIBCATEGORIES> <EDITORLAYOUT HEIGHT="220" WIDTH="500"> <CONTAINER NAME="Panel1" TYPE="Panel" WIDTH="480" HEIGHT="190" CAPTION="Basic Information"> <CONTROL NAME="lblHeadline" TYPE="label" CAPTION="Headline" DOWN="30" RIGHT="20" WIDTH="60" ALIGN="Right"/> <CONTROL NAME="txtHeadline" TYPE="TextBox" ANCHOR="lblHeadline" CORNER="NE" RIGHT="10" WIDTH="350"/> <CONTROL NAME="lblStatus" TYPE="label" CAPTION="Status" ANCHOR="lblHeadline" CORNER="SW" DOWN="15" WIDTH="lblHeadline" ALIGN="Right"/> <CONTROL NAME="txtStatus" TYPE="DropDown" ANCHOR="lblStatus" CORNER="NE" RIGHT="10" WIDTH="txtHeadline"> <ITEM VALUE="Active" CAPTION="Active connection" SELECTED="Yes"/> <ITEM VALUE="Inactive" CAPTION="Inactive connection"/> <ITEM VALUE="Pending" CAPTION="Pending request"/> </CONTROL> <CONTROL NAME="lblTitlefont" TYPE="label" CAPTION="Titlefont" ANCHOR="lblStatus" CORNER="SW" DOWN="15" WIDTH="lblStatus" ALIGN="Right"/> <CONTROL NAME="txtTitlefont" TYPE="FontPicker" ANCHOR="lblTitlefont" CORNER="NE" RIGHT="10" WIDTH="txtHeadline"/> <CONTROL NAME="lblColor" TYPE="label" CAPTION="Color" ANCHOR="lblTitlefont" CORNER="SW" DOWN="15" WIDTH="lblTitlefont" ALIGN="Right"/> <CONTROL NAME="txtColor" TYPE="ColorPicker" ANCHOR="lblColor" CORNER="NE" RIGHT="10" WIDTH="txtHeadline"/> </CONTAINER> </EDITORLAYOUT> <TAGLAYOUT> <WIZIF OPTIONLinearLayout EQ "true"> <WIZSET Spacer = ""> <WIZELSE> <WIZSET Spacer = Chr(13) & Chr(10) & " "> </WIZIF> <WIZIF OPTIONLowerCaseTags EQ "true"> <cf_myOwnCustomTag headline="$${txtHeadline}"$${Spacer} status="$${txtStatus}"$${Spacer} titleFont="$${txtTitlefont}"$${Spacer} color="$${txtColor}"<WIZIF TAGDATAUnknownAttributes NEQ "">$${Spacer} $${TAGDATAUnknownAttributes}</WIZIF>> <WIZELSE> <CF_MYOWNCUSTOMTAG HEADLINE="$${txtHeadline}"$${Spacer} STATUS="$${txtStatus}"$${Spacer} TITLEFONT="$${txtTitlefont}"$${Spacer} COLOR="$${txtColor}"<WIZIF TAGDATAUnknownAttributes NEQ "">$${Spacer} $${TAGDATAUnknownAttributes}</WIZIF>> </WIZIF> </TAGLAYOUT> <TAGDESCRIPTION HELPFILE="../../Docs/CFMLTags/cf_myOwnCustomTag.htm"/> </TAG> Listing 4: Sample help file <!--- /// cf_myOwnCustomTag.htm /// ----> <!--- Place into #StudioDirectory#/Extensions/Docs/CFMLTags/ ---> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <cf_myOwnCustomTag> Usage: <cf_myOwnCustomTag headline="Some Text here" status="Active|Inactive|Pending" titleFont="Verdana, Arial" color="Blue"> Description: Some sample Custom Tag that does exactly nothing... Author: Christian Schneider

Listing 2
<EDITORLAYOUT HEIGHT="220" WIDTH="500"> <CONTAINER NAME="Panel1" TYPE="Panel" WIDTH="480" HEIGHT="190" CAPTION="Basic Information"> <CONTROL NAME="lblHeadline" TYPE="label" CAPTION="Headline" DOWN="30" RIGHT="20" WIDTH="60" ALIGN="Right"/> <CONTROL NAME="txtHeadline" TYPE="TextBox" ANCHOR="lblHeadline" CORNER="NE" RIGHT="10" WIDTH="350"/> <CONTROL NAME="lblStatus" TYPE="label" CAPTION="Status" ANCHOR="lblHeadline" CORNER="SW" DOWN="15" WIDTH="lblHeadline" ALIGN="Right"/> <CONTROL NAME="txtStatus" TYPE="DropDown" ANCHOR="lblStatus" CORNER="NE" RIGHT="10" WIDTH="txtHeadline"> <ITEM VALUE="Active" CAPTION="Active connection" SELECTED="Yes"/> <ITEM VALUE="Inactive" CAPTION="Inactive connection"/> <ITEM VALUE="Pending" CAPTION="Pending request"/> </CONTROL> <CONTROL NAME="lblTitlefont" TYPE="label" CAPTION="Titlefont" ANCHOR="lblStatus" CORNER="SW" DOWN="15" WIDTH="lblStatus" ALIGN="Right"/> <CONTROL NAME="txtTitlefont" TYPE="FontPicker" ANCHOR="lblTitlefont" CORNER="NE" RIGHT="10" WIDTH="txtHeadline"/> <CONTROL NAME="lblColor" TYPE="label" CAPTION="Color" ANCHOR="lblTitlefont" CORNER="SW" DOWN="15" WIDTH="lblTitlefont" ALIGN="Right"/> <CONTROL NAME="txtColor" TYPE="ColorPicker" ANCHOR="lblColor" CORNER="NE" RIGHT="10" WIDTH="txtHeadline"/> </CONTAINER> </EDITORLAYOUT>

Listing 3
<EDITORLAYOUT HEIGHT="300" WIDTH="400"> <CONTAINER NAME="TabDialog" TYPE="TabDialog"> <CONTAINER NAME="BasicData" TYPE="TabPage" CAPTION="Basic Data"> ... list all <control> tags for this tab here... </CONTAINER> <CONTAINER NAME="AdvancedData" TYPE="TabPage" CAPTION="Advanced Data"> ... list all <control> tags for this tab here... </CONTAINER> </CONTAINER> </EDITORLAYOUT> Listing 3 <TAGLAYOUT> <WIZIF OPTIONLinearLayout EQ "true"> <WIZSET Spacer = ""> <WIZELSE> <WIZSET Spacer = Chr(13) & Chr(10) & " "> </WIZIF> <WIZIF OPTIONLowerCaseTags EQ "true"> <cf_myOwnCustomTag headline="$${txtHeadline}"$${Spacer} status="$${txtStatus}"$${Spacer} titleFont="$${txtTitlefont}"$${Spacer} color="$${txtColor}"> <WIZELSE> <CF_MYOWNCUSTOMTAG HEADLINE="$${txtHeadline}"$${Spacer} STATUS="$${txtStatus}"$${Spacer} TITLEFONT="$${txtTitlefont}"$${Spacer} COLOR="$${txtColor}"> </WIZIF> </TAGLAYOUT>