Icon Dynamic Content

In this article we're going to explain how to use Icon Dynamic Content to output a Font Awesome icon chosen through the builder's icon picker.

@since Cornerstone 7.9.0+

Icon Dynamic Content lets you drop a Font Awesome icon anywhere Dynamic Content is accepted. Instead of hardcoding an icon's class name, you pick the icon visually through the builder's icon picker and Cornerstone renders it for you.

This is handy inside Loopers, rich text, and any control that supports Dynamic Content but isn't a dedicated icon control.

Render

{{dc:icon:render icon="star"}}

The Render field outputs a single icon. When you add it from the Dynamic Content menu you'll see an Icon control—click it to open the icon picker and choose the icon you want. The picker writes the selected icon into the icon parameter for you.

You can also write the tag by hand, passing the Font Awesome name to the icon parameter:

{{dc:icon:render icon="star"}} {{dc:icon:render icon="heart"}}

Parameters

iconThe Font Awesome icon to render, chosen through the icon picker.
ParameterDescription

See something inaccurate? Let us know