Skip to content

Instantly share code, notes, and snippets.

@bennadel
Created March 4, 2025 11:13
ColdFusion Custom Tags Can Use Dashes In Tag Names
component {
this.name = "ModuleNameTest";
this.applicationTimeout = createTimeSpan( 0, 1, 0, 0 );
this.sessionManagement = false;
this.setClientCookies = false;
this.webroot = getDirectoryFromPath( getCurrentTemplatePath() );
// ColdFusion will look in this directories for custom tags.
// --
// Note: Adobe ColdFusion will recursively search through the custom tag paths looking
// for matching tag names. Lucee CFML will NOT search recursively. As such, this demo
// doesn't work identically in both CFML runtimes.
this.customTagPaths = arrayToList([
"#this.webroot#tags"
]);
}
<flux:button.group>
<flux:button />
</flux:button.group>
<flux:breadcrumbs>
<flux:breadcrumbs.item />
</flux:breadcrumbs>
<cf_thing-group style="cf_">
<cf_thing>Anna</cf_thing>
<cf_thing>Anna</cf_thing>
<cf_thing>Bo-banna</cf_thing>
<cf_thing>Banana-fanna fo-fanna</cf_thing>
<cf_thing>Fee-fi-mo-manna</cf_thing>
<cf_thing>Anna!</cf_thing>
</cf_thing-group>
<hr />
<cfmodule name="ui.thing-group" style="cfmodule[name]">
<cfmodule name="ui.thing">Anna</cfmodule>
<cfmodule name="ui.thing">Anna</cfmodule>
<cfmodule name="ui.thing">Bo-banna</cfmodule>
<cfmodule name="ui.thing">Banana-fanna fo-fanna</cfmodule>
<cfmodule name="ui.thing">Fee-fi-mo-manna</cfmodule>
<cfmodule name="ui.thing">Anna!</cfmodule>
</cfmodule>
<hr />
<cfmodule template="./tags/ui/thing-group.cfm" style="cfmodule[template]">
<cfmodule template="./tags/ui/thing.cfm">Anna</cfmodule>
<cfmodule template="./tags/ui/thing.cfm">Anna</cfmodule>
<cfmodule template="./tags/ui/thing.cfm">Bo-banna</cfmodule>
<cfmodule template="./tags/ui/thing.cfm">Banana-fanna fo-fanna</cfmodule>
<cfmodule template="./tags/ui/thing.cfm">Fee-fi-mo-manna</cfmodule>
<cfmodule template="./tags/ui/thing.cfm">Anna!</cfmodule>
</cfmodule>
<hr />
<cfimport taglib="./tags/ui" prefix="ui" />
<ui:thing-group style="cfimport[ui:]">
<ui:thing>Anna</ui:thing>
<ui:thing>Anna</ui:thing>
<ui:thing>Bo-banna</ui:thing>
<ui:thing>Banana-fanna fo-fanna</ui:thing>
<ui:thing>Fee-fi-mo-manna</ui:thing>
<ui:thing>Anna!</ui:thing>
</ui:thing-group>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment