Templates provide the framework for specific layouts and content types

Header

Toolbar

Content

Sub

Footer

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="detail">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <div class="ui relaxed [[++sidebar_position:is=`left`:then=`computer reversed`]] grid container">
            <article id="content" class="sixteen wide mobile twelve wide computer column">
                [[$content]]
            </article>

            <aside id="sidebar" class="four wide computer column [[++sidebar_visibility:is=`desktop`:then=`tablet or lower hidden`]]">
                [[$sidebar]]
            </aside>
        </div>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[$script]]

</body>
</html>

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" class="no-js" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="detail toc">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <div class="ui relaxed computer reversed grid container">
            <aside id="sidebar" class="sixteen wide mobile four wide computer column">
                [[$tocNavVertical?
                    &sticky=`1`
                ]]
            </aside>

            <article id="content" class="sixteen wide mobile twelve wide computer column">
                [[$content]]
            </article>
        </div>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[$script]]

</body>
</html>

Header

Toolbar

Content

Footer

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="overview">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <article id="content">
            [[$content]]
        </article>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[$script]]

</body>
</html>

Header

Toolbar

Content

Footer

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="vertical">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerVertical]]

    <main id="main">
        [[[[If?
            &subject=`toolbarBasicTheme`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$toolbarBasicTheme`
            &else=`$toolbarBasic`
        ]]]]

        <article id="content">
            [[$content]]
        </article>

        [[[[If?
            &subject=`footerTheme`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$footerTheme`
            &else=`$footer`
        ]]]]
    </main>
</div>

[[$script]]

</body>
</html>

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="vertical toc">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerVertical]]

    <main id="main">
        [[[[If?
            &subject=`toolbarBasicTheme`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$toolbarBasicTheme`
            &else=`$toolbarBasic`
        ]]]]

        <div class="ui relaxed computer reversed grid container">
            <aside id="sidebar" class="sixteen wide mobile four wide computer column">
                [[$tocNavVertical?
                    &sticky=`1`
                ]]
            </aside>

            <article id="content" class="sixteen wide mobile twelve wide computer column">
                [[$content]]
            </article>
        </div>

        [[[[If?
            &subject=`footerTheme`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$footerTheme`
            &else=`$footer`
        ]]]]
    </main>
</div>

[[$script]]

</body>
</html>

Header

Content

Footer

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="home" class="overview">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <article id="content">
            [[$content]]
        </article>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[$script]]

</body>
</html>

No preview available.

[[If?
    &subject=`[[+cta_id]]`
    &operator=`empty`
    &then=`[[~[[+form_host.id:empty=`0`]]]]`
    &else=``
    &toPlaceholder=`form_action`
]]
[[If?
    &subject=`[[*fb_save_form]]`
    &operator=`EQ`
    &operand=`default`
    &then=`[[++formblocks.save_form]]`
    &else=`[[*fb_save_form]]`
    &toPlaceholder=`save_form`
]]

[[- LOAD PREVIOUSLY SUBMITTED VALUES
    This retrieves the values for previous and next steps from session data.
    The values are written to hidden form fields, which are added further down.
    When no data is found (it gets invalidated after a timeout) it redirects the
    user to the first step.
]]
[[[[+multiple_steps:notempty=`
    !FormItRetriever?
        &placeholderPrefix=``
        &storeLocation=`session`
        &redirectToOnNotFound=`[[+first_step:isnot=`[[+form_host.id]]`:then=`[[+first_step]]`:else=``]]`
    `
]]]]

[[returnFirstHit:toPlaceholder=`redirect_to`?
    &1=`[[+redirect_id:empty=``]]`
    &2=`[[+next_step:empty=``]]`
    &3=`[[*fb_redirect_dynamic:empty=``]]`
    &4=`[[*fb_redirect_id:empty=``]]`
    &5=`[[++site_start:empty=``]]`
]]

[[[[++formblocks.ajax_mode:eq=`1`:then=`-`:else=`!`]]FormIt?
    &preHooks=`
        [[$fbFormPreHooks]]
        fbEmptyHook
    `
    &renderHooks=`[[*fb_renderhooks]]`
    &hooks=`
        [[$fbFormHooks]]
        redirect
    `

    [[$fbEmailProperties]]

    &customValidators=`[[$fbCustomValidators]]`
    &validate=`[[$fbFormValidate]]`
    &errTpl=`[[$fbFormErrorTpl]]`
    &placeholderPrefix=`fb[[*id]].`
    &submitVar=`fb[[*id]]-submit`
    &redirectTo=`[[+redirect_to]]`

    &store=`[[*fb_store_data:default=`0`]]`
    &storeTime=`[[*fb_store_time:default=`300`]]`
    &storeLocation=`session`
]]

[[!+fb[[*id]].validation_error_message:notempty=`
<div class="ui error message">
    <i class="close icon"></i>
    <div class="header">
        [[%formblocks.form.validation_error_heading]]
    </div>
    <p>[[%formblocks.form.validation_error_message]]</p>
</div>
`]]

<form id="form-[[*alias]]" class="ui [[+form_size]] [[+form_layout:eq=`inline`:then=`equal width`]] [[+segment_type:eq=`none`:then=`basic`]] form" name="fb[[*id]]" action="[[+form-action]]" method="post" enctype="multipart/form-data">

    [[- STORE MULTI-PAGE FORM VALUES IN HIDDEN FIELDS ]]
    [[[[+multiple_steps:notempty=`
        !fbFormReport?
            &formID=`[[+prev_forms]][[+next_forms:prepend=`[[+prev_forms:notempty=`,`]]`]]`
            &allSteps=`[[+multiple_steps]]`
            &allForms=`[[+prev_forms:append=`,`]][[*id]][[+next_forms:prepend=`,`]]`
            &tplPrefix=`fbStoreRow_`
        `
    ]]]]
    [[[[++formblocks.formsource:eq=`1`:then=`!formsource`]]]]

    <div class="ui [[+segment_type]]">

        [[*content]]

        [[- AJAX MODE
            Dim and delay form submission, to avoid startling the user.
            Add hidden fields with CB setting values, as relation will be
            severed after rendering this form.
        ]]
        [[++formblocks.ajax_mode:eq=`1`:then=`
        <div class="ui inverted dimmer">
            <div class="ui text loader">[[%formblocks.form.submit_loading]]</div>
        </div>
        <input type="hidden" name="fb[[*id]]-redirect-to" value="[[+redirect_id]]">
        `]]

        [[- CUSTOM SUBMIT BUTTON
            If for some reason you need to add your own submit button to a form,
            you can do so in the form resource itself. Please keep in mind that
            the elements below will not be parsed if a submit button is found in
            the content area.
        ]]
        [[*content:containsnot=`type="submit"`:then=`
        <fieldset class="ui [[+padding]] submission [[+segment_type:isnot=`none`:then=`segment`:else=`fieldset`]]">
            [[[[If?
                &subject=`fbAntiSpamTheme`
                &operator=`iselement`
                &operand=`chunk`
                &then=`$fbAntiSpamTheme`
                &else=`$fbAntiSpam`
            ]]]]
            <div class="ui error message"></div>

            [[$fbSubmitButton[[+multiple_steps:notempty=`s`]]]]
        </fieldset>
        `]]
    </div>
</form>

[[fbLoadAssets?
    &uploadFile=`[[cbHasField? &field=`[[++formblocks.cb_input_file_multiple_id]]`]]`
    &frontendValidation=`[[*fb_frontend_validation:replace=`default==[[++formblocks.frontend_validation]]`]]`
    &ajaxMode=`[[++formblocks.ajax_mode]]`
]]

No preview available.

[[!fbLoadAssets?
    &uploadFile=`[[cbHasField? &field=`[[++formblocks.cb_input_file_multiple_id]]`]]`
    &frontendValidation=`1`
]][[If?
    &subject=`[[*fb_save_form]]`
    &operator=`EQ`
    &operand=`default`
    &then=`[[++formblocks.save_form]]`
    &else=`[[*fb_save_form]]`
    &toPlaceholder=`save_form`
]][[[[+multiple_steps:notempty=`
    !FormItRetriever?
        &placeholderPrefix=``
        &storeLocation=`session`
        &redirectToOnNotFound=`[[+first_step:isnot=`[[+form_host.id]]`:then=`[[+first_step]]`:else=``]]`
    `
]]]][[!returnFirstHit?
    &1=`[[+redirect_id:empty=``]]` [[- BUG: this CB placeholder is not available here..]]
    &2=`[[+next_step:empty=``]]`
    &3=`[[*fb_redirect_dynamic:empty=``]]`
    &4=`[[*fb_redirect_id:empty=``]]`
    &toPlaceholder=`redirect_to`
]][[!FormIt?
    &preHooks=`
        [[$fbFormPreHooks]]
        fbEmptyHook
    `
    &renderHooks=`[[*fb_renderhooks]]`
    &hooks=`
        [[$fbFormHooks]]
        fbEmptyHook
    `

    [[$fbEmailProperties]]

    &customValidators=`[[$fbCustomValidators]]`
    &validate=`[[$fbFormValidate]]`
    &placeholderPrefix=`fb[[*id]].`

    &validationErrorBulkFormatJson=`1`
    &validationErrorMessage=`{"success":false,"errors":[[+errors]]}`
    &hookErrorJsonOutputPlaceholder=`hook_error_json_response`
    &errTpl=`[[+error]]`

    &successMessage=`{
        "success":true
        ,"message":"[[%formblocks.form.success_message]]"
        ,"redirect":"[[!~[[+redirect_to]]? &scheme=`full`]]"
    }`
    &successMessagePlaceholder=`fb[[*id]].success_message`

]][[!+fb[[*id]].validation_error_message]][[!+hook_error_json_response]][[!+fb[[*id]].success_message]]

No preview available.

[[cbGetFieldContent:notempty=`1`:default=`0`:toPlaceholder=`math_question`?
    &field=`[[++formblocks.cb_math_question_id:empty=`-1`]]`
]]

[[!FormIt?
    &preHooks=`[[*fb_prehooks:notempty=`[[*fb_prehooks]]`]]`
    &placeholderPrefix=`fb[[*id]].`
]]
[[!Register?
    &preHooks=`[[+math_question:isnot=`0`:then=`math,`]][[*fb_hooks:notempty=`[[*fb_hooks]],`]]fbEmptyHook`
    &postHooks=`[[*fb_posthooks:notempty=`[[*fb_posthooks]]`]]`

    &activation=`[[*fb_activation_toggle:default=`1`]]`
    &activationttl=`[[*fb_activation_ttl:default=`180`]]`
    &activationEmailTpl=`[[*fb_activation_email[[*fb_activation_email_type:isnot=`inline`:then=`_tpl`]]:empty=`[[%formblocks.registration.email_content]]`]]`
    &activationEmailTplType=`[[*fb_activation_email_type:default=`inline`]]`
    &activationEmailSubject=`[[*fb_email_subject:empty=`[[%formblocks.registration.email_subject]]`]]`

    &emailField=`fb[[*id]]-email` [[- WARNING. Resist the temptation to make this dynamic. This value will be used to set the (mandatory) user email anyhow.]]
    &usernameField=`[[*fb_username_field:default=`username`:fbStripAsAlias:stripString=`fb[[*id]]-`:prepend=`fb[[*id]]-`]]`
    &fullnameField=`[[*fb_fullname_field:default=`fullname`:fbStripAsAlias:stripString=`fb[[*id]]-`:prepend=`fb[[*id]]-`]]`
    &usergroups=`[[*fb_usergroups]]`
    [[*fb_usergroups_field:isnot=``:then=`&usergroupsField=`fb[[*id]]-[[*fb_usergroups_field:fbStripAsAlias:stripString=`fb[[*id]]-`]]``]]
    [[*fb_password_field:isnot=``:then=`&passwordField=`fb[[*id]]-[[*fb_password_field:fbStripAsAlias:stripString=`fb[[*id]]-`]]``:else=`&generatePassword=`1``]]
    &useExtended=`[[*fb_extended_toggle:default=`0`]]`
    &excludeExtended=`fb[[*id]]-email-alt,fb[[*id]]-accept-terms,fb[[*id]]-math,fb[[*id]]-op1,fb[[*id]]-op2,fb[[*id]]-operator`

    [[!cbGetFieldContent?
        &field=`[[++formblocks.cb_math_question_id:empty=`-1`]]`
        &tpl=`fbMathQuestionProperties`
    ]]

    [[++formblocks.antispam_hooks:contains=`recaptchav3`:then=`
    &recaptchav3.action_key=`form_[[*id]]`
    `]]

    &customValidators=`[[$fbCustomValidators]]`
    &validate=`
        [[!fbValidateProcessJSON? &formID=`[[*id]]`]]
        [[cbHasField? &field=`[[++formblocks.cb_input_email_id]]` &then=`fb[[*id]]-email:email:required,`]]
        [[cbHasField? &field=`[[++formblocks.cb_accept_terms_id]]` &then=`fb[[*id]]-accept-terms:required,`]]
        [[+math_question:isnot=`0`:then=`fb[[*id]]-math:math,`]]
        [[[[If?
            &subject=`fbValidateCustomFields`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$fbValidateCustomFields`
        ]]]][[++formblocks.honeypot_field:notempty=`,
        fb[[*id]]-[[++formblocks.honeypot_field]]:blank`]]`
    &validatePassword=`[[*fb_password_field:isnot=``:then=`1`:else=`0`]]`

    &errTpl=`<span class="help error">[[+error]]</span>`
    &placeholderPrefix=`fb[[*id]].`
    &submitVar=`fb[[*id]]-submit`
    &successMsg=`[[%formblocks.registration.success_message]]`

    &activationResourceId=`[[*fb_activation_resource_id:empty=`[[++formblocks.activation_resource_id]]`]]`
    &submittedResourceId=`[[*fb_redirect_dynamic:empty=`[[*fb_redirect_id]]`]]`
]]

[[!+fb[[*id]].validation_error_message:notempty=`
<div class="ui error message">
    <i class="close icon"></i>
    <div class="header">
        [[%formblocks.registration.validation_error_heading]]
    </div>
    <p>[[%formblocks.registration.validation_error_message]]</p>
    <p>[[!+fb[[*id]].validation_error_message]]</p>
</div>
`]]

<form id="form-[[*alias]]" class="ui [[+form_size]] [[+segment_type:eq=`none`:then=`basic`]] registration form" name="fb[[*id]]" action="[[~[[+form_host.id:empty=`0`]]]]" method="post" enctype="multipart/form-data">
    <div class="ui [[+segment_type]]">

        [[*content]]

        [[*content:containsnot=`type="submit"`:then=`
        <div class="ui [[+padding]] [[+segment_type:ne=`none`:then=`segment`]]">
            [[[[If?
                &subject=`fbAntiSpamTheme`
                &operator=`iselement`
                &operand=`chunk`
                &then=`$fbAntiSpamTheme`
                &else=`$fbAntiSpam`
            ]]]]
            <div class="ui error message"></div>

            [[$fbSubmitButton]]
        </div>
        `]]
    </div>
</form>

[[!fbLoadAssets? &frontendValidation=`1`]]

Each background is a separate resource, in which you can add multiple layers with the Background Elements CB. Output of this template is for preview only. The CSS is generated separately.

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="overview">

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <article id="content">
            [[*content]]
        </article>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[$offCanvasNav]]
[[$script]]

</body>
</html>

These backgrounds can be applied to page headers, CB layouts (under their Settings wheel) and possibly to other elements too.

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="overview hub">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <article id="content">
            [[$content]]
        </article>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[$script]]

</body>
</html>

Needs to output a comma-separated list of IDs.

No preview available.

[[*alias:replace=`-==_`:toPlaceholder=`backstop_id`]]
{
    "id": "[[+backstop_id]]",
    "viewports": [[*backstop_viewports]],
    "scenarios": [
        [[!pdoResources?
            &parents=`0`
            &resources=`[[*content]]`
            &limit=`0`
            &showUnpublished=`0`
            &tpl=`[[*backstop_scenario_tpl]]`
            &outputSeparator=`,`
        ]]
    ],
    "paths": {
        "bitmaps_reference": "_backstop/[[+backstop_id]]/bitmaps_reference",
        "bitmaps_test": "_backstop/[[+backstop_id]]/bitmaps_test",
        "engine_scripts": "_operations/test/engine_scripts",
        "html_report": "_backstop/[[+backstop_id]]/html_report",
        "json_report": "_backstop/[[+backstop_id]]/json_report",
        "ci_report": "_backstop/[[+backstop_id]]/ci_report"
    },
    "onBeforeScript": "[[*backstop_engine]]/onBefore.js",
    "onReadyScript": "[[*backstop_engine]]/onReady.js",
    "report": [
        [[*backstop_report]]
    ],
    "engine": "[[*backstop_engine]]",
    "engineOptions": {
        "browser": "[[*backstop_engine_browser]]",
        "args": ["--no-sandbox"]
    },
    "puppeteerOffscreenCaptureFix": false,
    "asyncCaptureLimit": [[*backstop_async_capture_limit]],
    "asyncCompareLimit": [[*backstop_async_compare_limit]],
    "debug": false,
    "debugWindow": false
}

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" class="no-js" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="detail note toc">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <div class="ui relaxed computer reversed grid container">
            <aside id="sidebar" class="sixteen wide mobile four wide computer column">
                [[$tocNavVertical?
                    &sticky=`1`
                ]]
            </aside>

            <article id="content" class="sixteen wide mobile twelve wide computer column">
                [[$content]]
            </article>
        </div>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[$script]]

</body>
</html>

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="vertical notes">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerVertical]]

    <main id="main">
        [[[[If?
            &subject=`toolbarNoteTheme`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$toolbarNoteTheme`
            &else=`$toolbarNote? &search_form_size=`large` &search_field_classes=`transparent``
        ]]]]

        <article id="content">
            [[$content]]
        </article>

        [[[[If?
            &subject=`footerTheme`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$footerTheme`
            &else=`$footer`
        ]]]]
    </main>
</div>

[[$script]]

</body>
</html>

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="vertical note toc">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerVertical]]

    <main id="main">
        [[[[If?
            &subject=`toolbarNoteTheme`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$toolbarNoteTheme`
            &else=`$toolbarNote? &search_form_size=`large` &search_field_classes=`transparent``
        ]]]]

        <div class="ui computer reversed grid container">
            <aside id="sidebar" class="sixteen wide mobile four wide computer column">
                [[$tocNavVertical?
                    &sticky=`1`
                ]]
            </aside>

            <article id="content" class="sixteen wide mobile twelve wide computer column">
                [[$content]]
            </article>
        </div>

        [[*comments_toggle:eq=`1`:then=`
        <section id="comments" class="ui vertical stripe segment secondary">
            <h2 class="ui big header">[[%romanesco.article.comments]]</h2>
            <div class="ui relaxed grid container">
                <div class="sixteen wide mobile twelve wide computer column">
                    <div id="[[++romanesco.[[++comment_platform:lcase]]_div_id]]"></div>
                </div>
            </div>
        </section>
        `]]

        [[[[If?
            &subject=`footerTheme`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$footerTheme`
            &else=`$footer`
        ]]]]
    </main>
</div>

[[$script]]

</body>
</html>

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="detail organization">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <div class="ui relaxed grid container">
            <article id="content" class="sixteen wide mobile twelve wide computer column">
                [[$content]]
            </article>

            <aside id="sidebar" class="four wide computer column tablet or lower hidden">
                [[$subNavVertical]]
            </aside>
        </div>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[$script]]

</body>
</html>

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="detail person">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <div class="ui relaxed grid container">
            <article id="content" class="sixteen wide mobile twelve wide computer column">
                [[$content]]
            </article>

            <aside id="sidebar" class="four wide computer column tablet or lower hidden">
                [[$subNavVertical]]
            </aside>
        </div>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[$script]]

</body>
</html>

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="detail testimonial">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <div class="ui relaxed grid container">
            <article id="content" class="sixteen wide twelve wide computer column">
                [[$content]]
            </article>

            <aside id="sidebar" class="four wide column computer only">
                [[$subNavVertical]]
            </aside>
        </div>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[$script]]

</body>
</html>

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="presentation">

<div class="pusher">
    <main id="main">
        <article id="swiper-[[*id]]" class="swiper fullscreen">
            <div id="content" class="swiper-wrapper">
                [[*content]]
            </div>

            [[*slider_pagination:isnot=`none`:then=`
            <div class="swiper-pagination swiper-[[*id]]"></div>
            `]]

            [[*slider_behaviour:contains=`arrows`:then=`
            <button class="swiper-button-next swiper-[[*id]]"></button>
            <button class="swiper-button-prev swiper-[[*id]]"></button>
            `]]
        </article>
    </main>
</div>

[[$script]]
[[sliderLoadAssets?
    &uid=`[[*id]]`
    &columns=`1`
    &slidesToScroll=`1`
    &direction=`horizontal`
    &watchOverflow=`false`
    &behaviour=`[[*slider_behaviour]]`
    &transition=`[[*slider_transition]]`
    &pagination=`[[*slider_pagination]]`
]]

</body>
</html>

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="overview portfolio">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <article id="content">
            [[$content]]
        </article>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[$script]]

</body>
</html>

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

[[!Hits? &punch=`[[*id]]`]]

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="publication modern">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <article id="content">

            <header class="ui vertical stripe segment [[setBackground? &background=`[[++layout_background_default]]`]] introduction">
                <div class="ui main text container">
                    <h1 class="ui header">[[*pagetitle]]</h1>
                    <p class="subtitle muted">
                        [[%romanesco.article.written_by]]
                        <a href="[[~[[*author_id:empty=`[[++error_page]]`]]]]" rel="author">[[#[[*author_id]].pagetitle:empty=`[[++site_name]]`]]</a>
                        [[%romanesco.article.written_on]]
                        [[*publishedon:strtotime:date=`[[++romanesco.date_format_long]]`]]
                    </p>
                </div>
            </header>

            [[$content? &container_type=`text`]]

            <footer class="ui vertical stripe segment [[setBackground? &background=`[[++layout_background_default]]`]]">
                <div class="ui text container">
                    <div class="ui divider"></div>
                    <div class="ui equal width middle aligned grid">
                        <div class="column">
                            <div class="ui big labels">
                                [[TaggerGetTags?
                                    &groups=`[[*tag_groups]]`
                                    &resources=`[[*id]]`
                                    &target=`[[*parent]]`
                                    &rowTpl=`tagItemBasicLink`
                                ]]
                            </div>
                        </div>
                        <div class="compact column">
                            [[$socialShareButtonsDropdown]]
                        </div>
                    </div>
                </div>

                [[*author_id:notempty=`
                <section id="author-bio" class="ui tightened container">
                    <div class="ui padded segment">
                        [[[[If?
                            &subject=`[[*author_id:empty=`0`]]`
                            &operator=`notempty`
                            &then=`getResources?
                                &resources=`[[*author_id:empty=`0`]]`
                                &tpl=`articleAuthorBio[[If? &subject=`articleAuthorBioTheme` &operator=`iselement` &operand=`chunk` &then=`Theme` &else=``]]`
                                &includeTVs=`1`
                                &tvPrefix=``
                            `
                        ]]]]
                    </div>
                </section>
                `]]

                [[*comments_toggle:eq=`1`:then=`
                <section id="comments" class="ui text container">
                    <h2 class="ui header">[[%romanesco.article.comments]]</h2>
                    <div id="[[++romanesco.[[++comment_platform:lcase]]_div_id]]"></div>
                </section>
                `]]
            </footer>

        </article>

        [[[[If?
            &subject=`[[*neighbors_visibility]]`
            &operator=`eq`
            &operand=`1`
            &then=`$neighborsNav? &classes=`stackable``
        ]]]]

        <aside id="further-reading" class="ui vertical stripe segment secondary">
            <div class="ui tightened container">
                <div class="ui stackable very relaxed two column grid">
                    <div class="eight wide column">
                        <div class="ui disabled mini header">[[%romanesco.article.latest]]</div>
                        <div class="ui divided items">
                            [[getResources?
                                &parents=`[[++romanesco.publication_container_id]]`
                                &resources=`[[+excluded_resources]]`
                                &tpl=`overviewRowArticleItemBasic`
                                &limit=`3`
                                &includeTVs=`1`
                                &processTVs=`1`
                                &showHidden=`1`
                                &sortby=`publishedon`
                                &sortdir=`DESC`

                                &column_type=`item`
                                &title_field=`pagetitle`
                                &level=`h4`
                                &meta_elements=`date,reading-time`
                                &show_introtext=`0`

                                &unique_idx=`latest_[[*id]]`
                            ]]
                        </div>
                    </div>
                    <div class="eight wide column">
                        <div class="ui disabled mini header">[[%romanesco.article.most_viewed]]</div>
                        <div class="ui divided items">
                            [[getResources?
                                &parents=`-1`
                                &resources=`[[Hits? &parents=`[[++romanesco.publication_container_id]]` &limit=`5` &outputSeparator=`,`]]`
                                &tpl=`overviewRowArticleItemBasic`
                                &limit=`3`
                                &includeTVs=`1`
                                &processTVs=`1`
                                &showHidden=`1`
                                &sortby=`FIELD(modResource.id, [[Hits? &parents=`[[++romanesco.publication_container_id]]` &limit=`5` &outputSeparator=`,`]] )`
                                &sortdir=`ASC`

                                &column_type=`item`
                                &title_field=`pagetitle`
                                &level=`h4`
                                &meta_elements=`date,reading-time`
                                &show_introtext=`0`

                                &unique_idx=`views_[[*id]]`
                            ]]
                        </div>
                    </div>
                </div>
            </div>
        </aside>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[$script]]

</body>
</html>

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

[[!Hits? &punch=`[[*id]]`]]

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="publication detail">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <div class="ui very relaxed grid container">
            <article id="content" class="sixteen wide mobile eleven wide computer publication column">

                <header class="ui vertical stripe segment [[setBackground? &background=`[[++layout_background_default]]`]] introduction">

                    <div class="ui main container">
                        <h1 class="ui header">[[*pagetitle]]</h1>

                        <p class="meta">
                            <span class="author">
                                [[$imgOverviewPersonAvatarLink? &id=`[[*author_id]]`]]
                                [[#[[*author_id]].pagetitle:empty=`[[++site_name]]`]]
                            </span>
                            <span class="date">
                                <i class="alternate outline calendar icon"></i>
                                [[*publishedon:strtotime:date=`[[++romanesco.date_format_long]]`]]
                            </span>
                            <span class="reading-time">
                                <i class="outline time icon"></i>
                                <span class="value">[[*reading_time]]</span>
                                <span class="label">
                                    [[[[If?
                                        &subject=`[[*reading_time]]`
                                        &operator=`lte`
                                        &operand=`1`
                                        &then=`%romanesco.article.reading_time_1`
                                        &else=`%romanesco.article.reading_time`
                                    ]]]]
                                </span>
                            </span>
                        </p>
                    </div>
                </header>

                [[$content]]

                [[*author_id:notempty=`
                <section id="author-bio" class="ui vertical stripe segment [[setBackground? &background=`[[++layout_background_default]]`]]">
                    <div class="ui main container">
                        <div class="ui padded segment">
                            [[[[If?
                                &subject=`[[*author_id:empty=`0`]]`
                                &operator=`notempty`
                                &then=`getResources?
                                    &resources=`[[*author_id:empty=`0`]]`
                                    &tpl=`articleAuthorBio[[If? &subject=`articleAuthorBioTheme` &operator=`iselement` &operand=`chunk` &then=`Theme` &else=``]]`
                                    &includeTVs=`1`
                                    &tvPrefix=``
                                `
                            ]]]]
                        </div>
                    </div>
                </section>
                `]]

                [[*comments_toggle:eq=`1`:then=`
                <section id="comments" class="ui vertical stripe segment [[setBackground? &background=`[[++layout_background_default]]`]]">
                    <div class="ui main container">
                        <h2 class="ui header">[[%romanesco.article.comments]]</h2>
                        <div id="[[++romanesco.[[++comment_platform:lcase]]_div_id]]"></div>
                    </div>
                </section>
                `]]

                <footer class="ui vertical stripe segment [[setBackground? &background=`[[++layout_background_default]]`]]">
                    <div class="ui container">
                        <div class="ui two column equal width bottom aligned grid">
                            <div class="compact column">
                                <a href="[[~[[*parent]]]]" class="primary ui back button">
                                    <i class="icon left arrow"></i>
                                    <span class="mobile hidden">[[%romanesco.article.back_to_overview]]</span>
                                </a>
                            </div>
                            <div class="right aligned column">
                                [[$socialShareButtons]]
                            </div>
                        </div>
                    </div>
                </footer>
            </article>

            <aside id="sidebar" class="sixteen wide mobile five wide computer column">
                <section class="ui vertical stripe segment transparent tablet or lower hidden">
                    <div class="ui container">
                        <div class="ui equal width middle aligned very compact grid">
                            <div class="compact column">
                                <h4 class="ui disabled mini header">
                                    [[%romanesco.article.share_this]]
                                </h4>
                            </div>
                            <div class="right aligned column">
                                [[$socialShareButtons? &button_type=`basic`]]
                            </div>
                        </div>
                    </div>
                </section>

                <section class="ui vertical stripe segment transparent">
                    <div class="ui container">
                        <div class="ui fluffy cloudy labels">
                            [[TaggerGetTags?
                                &groups=`[[*tag_groups]]`
                                &target=`[[*parent]]`
                                &rowTpl=`tagItemCountLinkWeight`
                            ]]
                        </div>
                    </div>
                </section>

                <section class="ui vertical stripe segment transparent">
                    <div class="ui container">
                        <h4 class="ui disabled header">[[%romanesco.article.read_another]]</h4>

                        <div class="ui two item top attached tabular menu">
                            <a class="item active"
                               data-tab="segment-publication-1"
                               role="tab"
                               aria-selected="false">
                                [[%romanesco.article.latest]]
                            </a>
                            <a class="item"
                               data-tab="segment-publication-2"
                               role="tab"
                               aria-selected="false">
                                [[%romanesco.article.most_viewed]]
                            </a>
                        </div>

                        <div class="ui bottom attached active tab segment"
                             data-tab="segment-publication-1"
                             role="tabpanel"
                             aria-hidden="false">
                            <div class="ui divided items">
                                [[getResources?
                                    &parents=`[[++romanesco.publication_container_id]]`
                                    &resources=`[[+excluded_resources]]`
                                    &tpl=`overviewRowArticleItemBasic`
                                    &includeTVs=`1`
                                    &processTVs=`1`
                                    &showHidden=`1`
                                    &sortby=`publishedon`
                                    &sortdir=`DESC`

                                    &column_type=`item`
                                    &title_field=`pagetitle`
                                    &level=`h5`
                                    &meta_elements=`date`
                                    &show_introtext=`0`

                                    &unique_idx=`latest`
                                ]]
                            </div>

                        </div>
                        <div class="ui bottom attached tab segment"
                             data-tab="segment-publication-2"
                             role="tabpanel"
                             aria-hidden="false">
                            <div class="ui divided items">
                                [[getResources?
                                    &parents=`-1`
                                    &resources=`[[Hits? &parents=`[[++romanesco.publication_container_id]]` &limit=`5` &outputSeparator=`,`]]`
                                    &tpl=`overviewRowArticleItemBasic`
                                    &includeTVs=`1`
                                    &processTVs=`1`
                                    &showHidden=`1`
                                    &sortby=`FIELD(modResource.id, [[Hits? &parents=`[[++romanesco.publication_container_id]]` &limit=`5` &outputSeparator=`,`]] )`
                                    &sortdir=`ASC`

                                    &column_type=`item`
                                    &title_field=`pagetitle`
                                    &level=`h5`
                                    &meta_elements=`date`
                                    &show_introtext=`0`

                                    &unique_idx=`most_viewed`
                                ]]
                            </div>
                        </div>
                    </div>

                </section>
            </aside>
        </div>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[loadAssets? &component=`tabs`]]
[[$script]]

</body>
</html>

No preview available.

<!DOCTYPE html>
<html id="[[*context_key]]" lang="[[++cultureKey]]">

<head>
    [[[[If?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

<body id="[[*alias]]" class="overview publication">

[[$offCanvasNav]]

<div class="pusher">
    [[$headerBasic]]

    [[[[If?
        &subject=`toolbarBasicTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$toolbarBasicTheme`
        &else=`$toolbarBasic`
    ]]]]

    <main id="main">
        <article id="content">
            [[$content]]
        </article>
    </main>

    [[[[If?
        &subject=`footerTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$footerTheme`
        &else=`$footer`
    ]]]]
</div>

[[$script]]

</body>
</html>

Templates

t_basic

BasicDetail

Included patterns

Assigned TVs

BasicDetailToC

Included patterns

Assigned TVs

BasicOverview

Included patterns

Assigned TVs

BasicVertical

Included patterns

Assigned TVs

BasicVerticalToC

Included patterns

Assigned TVs

Home

Included patterns

Assigned TVs

t_disabled

t_global

fbForm

Included patterns

Assigned TVs

fbFormAjax

Included patterns

Assigned TVs

fbRegister

Included patterns

Assigned TVs

GlobalBackground

Included patterns

Assigned TVs

GlobalBackgrounds

Included patterns

Assigned TVs

GlobalCTA

Included patterns

Assigned TVs

t_hub

Dashboard

Included patterns

Assigned TVs

RegressionTest

Included patterns

Assigned TVs

t_notes

NoteRegular

Included patterns

Assigned TVs

Notes

Included patterns

Assigned TVs

NoteVertical

Included patterns

Assigned TVs

t_people

Organization

Included patterns

Assigned TVs

Person

Included patterns

Assigned TVs

Review

Included patterns

Assigned TVs

t_presentation

Presentation

Included patterns

Assigned TVs

Project

Included patterns

Assigned TVs

t_publication

ArticleModern

Included patterns

Assigned TVs

ArticleTraditional

Included patterns