Page Builder Template Language Syntax | Communifire Documentation

Communifire's Page Builder template syntax is based on Handlebars.Net. Using the functions on this page, you can create your own Page Builder templates and customize how your community's content appears in widgets. With conditionals, iterators, and variables that retrieve content and user data, the templates you can create are endless.

Example

<div class="axero-widget axero-widget-entity-icon-list {{CustomCSSClass}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}}">
    <div class="axero-widget-header">
        <h3>{{WidgetTitle}}</h3>
    </div>
    <div class="axero-widget-content">
        <ul>
    		{{#each Contents}}
			<li>
				<div class="entity-icon">
					<i {{#if IsFeatured}}style="color:blue"{{/if}} class="{{EntityIconCssClass}}"></i>
				</div>
				<div class="entity-title">
					<a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a>
					<br/>
					<div class="small nobold">
						{{EntityTypeText}} {{../Resources.GlobalByText}}: <a href="{{AuthorUserProfileURL}}">{{{AuthorUserDisplayName}}}</a>
					</div>
				</div>
			</li>
			{{/each}}
		</ul>
	</div>
</div>

General syntax

• Using {{{ instead of {{ around variables skips encoding of HTML and may be necessary at times to avoid double encoding.
• If block: {{#if condition}} html {{/if}}
• Close an each block: {{/each}}
• If-else block: {{#if condition}} html {{else}} html {{/if}}
• Get localized text: {{Resources.ResourceKey}}
  Note: Your intranet's localized content text are at the level of the widget. When you need to use them in a nested context (like in an each block), use the prefix "../" to get to the higher context. For example: {{../Resources.GlobalYesText}}.

Basic Widget Functions

Widget Specific Tokens

Activity Ticker Widget

Button Widget

CAPTCHA Widget

Connected Devices Widget

Content List Widget

Content Specific Functions

Cases

Discussions

Events

Files

Users

Videos

Wall Posts

Field Widget

Filter Widget

People Widget

When creating a people widget template, use the Insert widget specific token menu to get any user profile field data. The template for profile fields is {{{field:Field name}}}. To check if a certain profile field has a value, use the format {{#if ||field:Field name||}} Content {{else}} Alternate content {{/if}} .

People Directory widgets require "User." before the variable (e.g. {{{User.UserInfoDisplayName}}} ). 
Single person widgets require "Contents." before the variable. (e.g. {{{Contents.UserInfoDisplayName}}} )

Poll Widget

RSS Widget

Search Widget

Section Widget

Space List Widget

Sync Folders Widget

Tag Cloud Widget

What's New Widget (Deprecated)

Iterator Functions

These functions iterate through content.

• {{#each Contents}}
• {{#each Contents.Activities}}
• {{#each Contents.Articles}}
• {{#each Contents.Blogs}}
• {{#each Contents.Events}}
• {{#each Contents.ForumPosts}}
• {{#each Contents.Photos}}
• {{#each Contents.Videos}}
• {{#each Contents.Wikis}}

If Functions

These functions check content type.

• {{#if Contents.ShowArticles}}
• {{#if Contents.ShowBlogs}}
• {{#if Contents.ShowEvents}}
• {{#if Contents.ShowForumPosts}}
• {{#if Contents.ShowPhotos}}
• {{#if Contents.ShowVideos}}
• {{#if Contents.ShowWikis}}

Helper Functions

Comparison Helper

{{#if (compare Variable "ComparisonValue")}} {{/if}}

Note: Integer comparison values do not need surrounding quotes.

"==" is the default operation in the compare helper. To use a different operator, add the operator in quotes between the variable and comparison value:

{{#if (compare Variable ">" ComparisonValue)}} {{/if}}

List of operators:

1. "=="
2. "!="
3. "<"
4. ">"
5. "<="
6. ">="

Examples:

{{#if (compare EntityType "Event")}}<div class="when">{{{EventWhen}}}</div>{{/if}}

{{#if (compare CommentCount ">" 0)}}<div class="comments">{{CommentCount}} comments</div>{{/if}}

Date Helper

{{date DateTimeVariable "operation" "option"}}

DateTimeVariable should be a DateTime field (e.g. EventStartDate) instead of a datetime string, which requires converting to DateTime, which may not be as reliable.

Example:

{{date EventStartDate "dayofweek" "short"}}

Even Helper

{{#if (even Variable)}} {{/if}}

Checks if a number is even.

Example:

{{#if (even @index)}}class="even-child"{{/if}}

Logic Helpers

{{#if (and (Case) (Case))}}

The logic helper can be followed by as many cases as you want to evaluate.

List of logic helpers:

1. and
2. or

Example:

{{#if (or (compare EntityType "Article") (compare EntityType "Blog"))}}

Math Helper

{{math Variable "+" Variable}}

List of operators:

1. "+"
2. "-"
3. "*" (also aliased as "x" and "X")
4. "/"
5. "^" (to the power)

You can also specify a number of places to round to:

{{math Variable "/" Variable 2}}

Example:

{{math ContentID "+" CommentCount}}

To Lowercase Helper

{{{toLowerCase Variable}}}

The to lowercase helper converts text in a variable to lowercase.

Example:

{{{toLowerCase Title}}}

Replace Spaces With Hyphen Helper

{{{replaceSpaceWithHyphen Variable}}}

The replace spaces with hyphen helper replaces all spaces in a variable with hyphens.

Example:

{{{replaceSpaceWithHyphen Title}}}