Templates provide the framework for specific layouts and content types

Header

Toolbar

Content

Sub

Footer

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

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

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

[[$offCanvasNav]]

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

    [[[[modifiedIf?
        &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>

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

[[$script]]

</body>
</html>

romanesco.patterns.preview_not_available.

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

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

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

[[$offCanvasNav]]

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

    [[[[modifiedIf?
        &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>

    [[[[modifiedIf?
        &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>
    [[[[modifiedIf?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

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

[[$offCanvasNav]]

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

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

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

    [[[[modifiedIf?
        &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>
    [[[[modifiedIf?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

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

[[$offCanvasNav]]

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

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

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

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

[[$script]]

</body>
</html>

romanesco.patterns.preview_not_available.

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

<head>
    [[[[modifiedIf?
        &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">
        [[[[modifiedIf?
            &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>

        [[[[modifiedIf?
            &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>
    [[[[modifiedIf?
        &subject=`headTheme`
        &operator=`iselement`
        &operand=`chunk`
        &then=`$headTheme`
        &else=`$head`
    ]]]]
</head>

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

[[$offCanvasNav]]

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

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

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

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

[[$script]]

</body>
</html>

romanesco.patterns.preview_not_available.

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

[[setUserPlaceholders? &userId=`[[*author_id]]`]]
[[!Hits? &punch=`[[*id]]`]]

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

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

[[$offCanvasNav]]

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

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

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

            <div class="ui container">
                <div class="ui two column grid">
                    <div class="column">
                        <a href="[[~[[*parent]]]]" class="basic ui button"><i class="icon left arrow"></i>[[%romanesco.article.back_to_overview]]</a>
                    </div>
                    <div class="right aligned column">
                        [[!$socialShareButtons? &button_type=`basic`]]
                    </div>
                </div>
            </div>

            <div class="ui introduction container">
                <h1 class="ui huge header">[[*pagetitle]]</h1>
                <p class="meta date"><em>[[*publishedon:strtotime:date=`%e %B %Y`]]</em></p>
            </div>

            [[$content]]

        </article>

        <aside class="ui container">
            [[[[*comments_toggle:isnot=`0`:then=`$commentsDisqus`]]]]
        </aside>

        <div class="ui vertical stripe segment white">
            <div class="ui container">
                <div class="ui two column grid">
                    <div class="column">
                        <a href="[[~[[*parent]]]]" class="primary ui button"><i class="icon left arrow"></i>[[%romanesco.article.back_to_overview]]</a>
                    </div>
                    <div class="right aligned column">
                        [[!$socialShareButtons]]
                    </div>
                </div>
            </div>
            
            <div class="ui container">
                <aside class="column">
                    
                </aside>
            </div>
        </div>
    </main>

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

[[$script]]

</body>
</html>

DEPRECATED. Knowledge base is implemented now as Notes (without Tickets integration).

romanesco.patterns.preview_not_available.

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

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

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

[[$offCanvasNav]]

<div class="pusher">
    [[$headerVertical?
        &masthead=`0`
        &hero=`0`
        &search=`0`
    ]]

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

        <article id="content">
            <div class="ui vertical stripe segment white markdown-body">
                <div class="ui container">
                    [[Markdown? &input=`[[*content:replace=``==``]]`]]
                </div>
            </div>

            <div class="ui vertical stripe segment secondary">
                <div class="ui container">
                    [[!TicketComments?
                        &tplComments=`commentWrapper`
                        &tplCommentAuth=`commentRowBasic`
                        &tplCommentGuest=`commentRowGuest`
                        &tplCommentForm=`commentForm`
                        &gravatarSize=`150`
                    ]]
                </div>
            </div>
        </article>

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

[[$script]]

</body>
</html>

DEPRECATED. Knowledge base is implemented now as Notes (without Tickets integration).

romanesco.patterns.preview_not_available.

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

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

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

[[$offCanvasNav]]

<div class="pusher">
    [[$headerVertical?
        &masthead=`0`
        &hero=`0`
        &search=`0`
    ]]

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

        <article id="content">
            [[*content:notempty=`
            <div class="ui vertical stripe segment white">
                <div class="ui container">
                    [[$content]]
                </div>
            </div>
            `]]

            [[!pdoPage?
                &element=`getTickets`
                &tpl=`kbOverviewRowBasic`
                &checkPermissions=`list`
            ]]

            <div class="ui vertical stripe segment white">
                <div class="ui container">
                    [[!+page.nav]]
                </div>
            </div>

        </article>

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

[[$script]]

</body>
</html>

romanesco.patterns.preview_not_available.

[[cbGetFieldContent:notempty=`1`:default=`0`:toPlaceholder=`upload_multiple`?
    &field=`[[++formblocks.cb_input_file_id:empty=`-1`]]`
    &fieldSettingFilter=`upload_limit!=1`
]]
[[cbGetFieldContent:notempty=`1`:default=`0`:toPlaceholder=`math_question`?
    &field=`[[++formblocks.cb_math_question_id:empty=`-1`]]`
]]
[[modifiedIf?
    &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=`[[+current_id]]`:then=`[[+first_step]]`:else=``]]`
    `
]]]]

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

[[[[++formblocks.ajax_mode:eq=`1`:then=`-`:else=`!`]]FormIt?
    &preHooks=`
        [[+upload_multiple:eq=`1`:then=`Formit2AjaxUpload,`]]
        [[+multiple_steps:notempty=`fbSetStoredValues,`]]
        [[*fb_prehooks:append=`,`]]
        fbEmptyHook
    `
    &renderHooks=`[[*fb_renderhooks]]`
    &hooks=`
        spam,
        [[+upload_multiple:eq=`1`:then=`AjaxUpload2Formit,AjaxUploadAttachments,`]]
        [[++formblocks.antispam_hooks:append=`,`]]
        [[+math_question:isnot=`0`:then=`math,`]]
        [[+save_form:eq=`1`:then=`FormItSaveForm,`]]
        [[*fb_hooks:append=`,`]]
        [[If? &subject=`[[*fb_email_to_dynamic:empty=`[[*fb_email_to]]`]]` &operator=`notempty` &then=`email,`]]
        [[*fb_autoresponder_toggle:eq=`1`:then=`FormItAutoResponder,`]]
        [[++formblocks.formsource:eq=`1`:then=`formsource_reset,`]]
        redirect
    `

    &emailTpl=`[[*fb_email_template:empty=`fbEmail`]]`
    &emailTo=`[[*fb_email_to_dynamic:empty=`[[*fb_email_to]]`]]`
    &emailCC=`[[*fb_email_cc]]`
    &emailBCC=`[[*fb_email_bcc]]`
    &emailFrom=`[[*fb_email_from:empty=`[[++emailsender]]`]]`
    &emailFromName=`[[*fb_email_from_name:empty=`[[++site_name]]`]]`
    &emailSubject=`[[*fb_email_subject:empty=`[[%formblocks.email.subject]]`]]`
    [[cbHasField? &field=`[[++formblocks.cb_input_email_id]]` &then=`&emailReplyTo=`[[+fb[[*id]]-email]]``]]

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

    [[++formblocks.antispam_hooks:contains=`recaptchav3`:then=`
    &recaptchav3.action_key=`fb[[*id]]`
    &recaptchav3.token_key=`token-[[*id]]`
    `]]

    [[*fb_autoresponder_toggle:eq=`1`:then=`
    &fiarTpl=`fbAutoresponder`
    &fiarToField=`fb[[*id]]-email`
    &fiarFrom=`[[*fb_autoresponder_from:empty=`[[++emailsender]]`]]`
    &fiarFromName=`[[*fb_autoresponder_from_name:empty=`[[++site_name]]`]]`
    &fiarReplyTo=`[[*fb_autoresponder_reply_to:empty=`[[++client_email:empty=`[[++emailsender]]`]]`]]`
    &fiarSubject=`[[*fb_autoresponder_subject:empty=`[[%formblocks.autoresponder.subject]]`]]`
    `]]

    &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:required,`]]
        [[[[modifiedIf?
            &subject=`fbValidateCustomFields`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$fbValidateCustomFields`
        ]]]][[++formblocks.honeypot_field:notempty=`,
        fb[[*id]]-[[++formblocks.honeypot_field]]:blank`]]`
    &errTpl=`<span class="help error">[[+error]]</span>`
    &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]] [[+segment_type:eq=`none`:then=`basic`]] form" name="fb[[*id]]" action="[[~[[+current_id:empty=`0`]]]]" 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]]

        [[- DIM FORM DURING AJAX SUBMISSION ]]
        [[++formblocks.ajax_mode:eq=`1`:then=`
        <div class="ui inverted dimmer">
            <div class="ui text loader">[[%formblocks.form.submit_loading]]</div>
        </div>
        `]]

        [[- 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]] [[+segment_type:isnot=`none`:then=`segment`]]">
            [[[[modifiedIf?
                &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=`[[+upload_multiple]]`
    &frontendValidation=`[[++formblocks.frontend_validation]]`
    &ajaxMode=`[[++formblocks.ajax_mode]]`
]]

romanesco.patterns.preview_not_available.

[[cbGetFieldContent:notempty=`1`:default=`0`:toPlaceholder=`upload_multiple`?
    &field=`[[++formblocks.cb_input_file_id:empty=`-1`]]`
    &fieldSettingFilter=`upload_limit!=1`
]][[cbGetFieldContent:notempty=`1`:default=`0`:toPlaceholder=`math_question`?
    &field=`[[++formblocks.cb_math_question_id:empty=`-1`]]`
]][[!fbLoadAssets?
    &uploadFile=`[[+upload_multiple]]`
    &frontendValidation=`1`
]][[modifiedIf?
    &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=`[[+current_id]]`:then=`[[+first_step]]`:else=``]]`
    `
]]]][[returnFirstHit:toPlaceholder=`redirect_to`?
    &1=`[[+redirect_id]]`
    &2=`[[+next_step]]`
    &3=`[[*fb_redirect_dynamic]]`
    &4=`[[*fb_redirect_id]]`
    &5=`[[++site_start]]`
]][[!FormIt?
    &preHooks=`
        [[+upload_multiple:eq=`1`:then=`Formit2AjaxUpload,`]]
        [[+multiple_steps:notempty=`fbSetStoredValues,`]]
        [[*fb_prehooks:append=`,`]]
        fbEmptyHook
    `
    &renderHooks=`[[*fb_renderhooks]]`
    &hooks=`
        spam,
        [[+upload_multiple:eq=`1`:then=`AjaxUpload2Formit,AjaxUploadAttachments,`]]
        [[++formblocks.antispam_hooks:append=`,`]]
        [[-+math_question:isnot=`0`:then=`math,`]]
        [[+save_form:eq=`1`:then=`FormItSaveForm,`]]
        [[*fb_hooks:append=`,`]]
        [[If? &subject=`[[*fb_email_to_dynamic:empty=`[[*fb_email_to]]`]]` &operator=`notempty` &then=`email,`]]
        [[*fb_autoresponder_toggle:eq=`1`:then=`FormItAutoResponder,`]]
        [[++formblocks.formsource:eq=`1`:then=`formsource_reset,`]]
        fbEmptyHook
    `

    &emailTpl=`[[*fb_email_template:empty=`fbEmail`]]`
    &emailTo=`[[*fb_email_to_dynamic:empty=`[[*fb_email_to]]`]]`
    &emailCC=`[[*fb_email_cc]]`
    &emailBCC=`[[*fb_email_bcc]]`
    &emailFrom=`[[*fb_email_from:empty=`[[++emailsender]]`]]`
    &emailFromName=`[[*fb_email_from_name:empty=`[[++site_name]]`]]`
    &emailSubject=`[[*fb_email_subject:empty=`[[%formblocks.email.subject]]`]]`
    [[cbHasField? &field=`[[++formblocks.cb_input_email_id]]` &then=`&emailReplyTo=`[[+fb[[*id]]-email]]``]]

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

    [[++formblocks.antispam_hooks:contains=`recaptchav3`:then=`
    &recaptchav3.action_key=`fb[[*id]]`
    &recaptchav3.token_key=`token-[[*id]]`
    `]]

    [[*fb_autoresponder_toggle:eq=`1`:then=`
    &fiarTpl=`fbAutoresponder`
    &fiarToField=`fb[[*id]]-email`
    &fiarFrom=`[[*fb_autoresponder_from:empty=`[[++emailsender]]`]]`
    &fiarFromName=`[[*fb_autoresponder_from_name:empty=`[[++site_name]]`]]`
    &fiarReplyTo=`[[*fb_autoresponder_reply_to:empty=`[[++client_email:empty=`[[++emailsender]]`]]`]]`
    &fiarSubject=`[[*fb_autoresponder_subject:empty=`[[%formblocks.autoresponder.subject]]`]]`
    `]]

    &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:required,`]]
        [[[[modifiedIf?
            &subject=`fbValidateCustomFields`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$fbValidateCustomFields`
        ]]]][[++formblocks.honeypot_field:notempty=`,
        fb[[*id]]-[[++formblocks.honeypot_field]]:blank`]]`
    &placeholderPrefix=`fb[[*id]].`

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

    &successMessage=`{"success":true,"message":"[[%formblocks.form.success_message]]"}`
    &successMessagePlaceholder=`fb[[*id]].success_message`

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

romanesco.patterns.preview_not_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=`[[*fb_hooks:notempty=`[[*fb_hooks]],`]][[+math_question:isnot=`0`:then=`math,`]]fbEmptyHook`
    &postHooks=`[[*fb_posthooks:notempty=`[[*fb_posthooks]]`]]`

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

    &emailField=`fb[[*id]]-email`
    &usernameField=`fb[[*id]]-[[*fb_username_field:default=`username`:fbStripAsAlias:stripString=`fb[[*id]]-`]]`
    &fullnameField=`fb[[*id]]-[[*fb_fullname_field:default=`your-name`:fbStripAsAlias:stripString=`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`]]`

    [[!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,`]]
        [[[[modifiedIf?
            &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="[[~[[+current_id]]]]" 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`]]">
            [[[[modifiedIf?
                &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.

romanesco.patterns.preview_not_available.

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

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

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

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

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

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

    [[[[modifiedIf?
        &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.

romanesco.patterns.preview_not_available.

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

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

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

[[$offCanvasNav]]

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

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

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

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

[[$script]]

</body>
</html>

Needs to output a comma-separated list of IDs.

romanesco.patterns.preview_not_available.

[[*alias:replace=`-==_`:toPlaceholder=`backstop_id`]]
{
    "id": "[[+backstop_id]]",
    "viewports": [
        {
            "label": "phone",
            "width": 320,
            "height": 480
        },{
            "label": "tablet",
            "width": 800,
            "height": 600
        },{
            "label": "desktop",
            "width": 1440,
            "height": 960
        }
    ],
    "scenarios": [
        [[pdoResources?
            &parents=`0`
            &resources=`[[*content]]`
            &limit=`0`
            &tpl=`backstopScenarioRow`
            &outputSeparator=`,`
        ]]
    ],
    "paths": {
        "bitmaps_reference": "_backstop/[[+backstop_id]]/bitmaps_reference",
        "bitmaps_test": "_backstop/[[+backstop_id]]/bitmaps_test",
        "engine_scripts": "tests",
        "html_report": "_backstop/[[+backstop_id]]/html_report",
        "ci_report": "_backstop/[[+backstop_id]]/ci_report"
    },
    "onReadyScript": "backstop-ready.js",
    "report": ["browser"],
    "engine": "puppeteer",
    "engineOptions": {
        "args": ["--no-sandbox"]
    },
    "puppeteerOffscreenCaptureFix": false,
    "asyncCaptureLimit": 3,
    "asyncCompareLimit": 30,
    "debug": false,
    "debugWindow": false
}

romanesco.patterns.preview_not_available.

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

<head>
    [[[[modifiedIf?
        &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">
        [[[[modifiedIf?
            &subject=`toolbarNoteTheme`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$toolbarNoteTheme`
            &else=`$toolbarNote? &search_form_size=`large` &search_field_classes=`transparent``
        ]]]]

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

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

[[$script]]

</body>
</html>

romanesco.patterns.preview_not_available.

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

<head>
    [[[[modifiedIf?
        &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">
        [[[[modifiedIf?
            &subject=`toolbarNoteTheme`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$toolbarNoteTheme`
            &else=`$toolbarNote? &search_form_size=`large` &search_field_classes=`transparent``
        ]]]]

        <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>

        [[*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>
        `]]

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

[[$script]]

</body>
</html>

romanesco.patterns.preview_not_available.

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

<head>
    [[[[modifiedIf?
        &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">
        [[[[modifiedIf?
            &subject=`toolbarNoteTheme`
            &operator=`iselement`
            &operand=`chunk`
            &then=`$toolbarNoteTheme`
            &else=`$toolbarNote? &search_form_size=`large` &search_field_classes=`transparent``
        ]]]]

        <div class="ui relaxed grid container">
            <article id="content" class="sixteen wide mobile twelve wide computer column">
                <div class="ui vertical stripe segment transparent">
                    <div class="container">
                        [[*content]]
                    </div>
                </div>
            </article>

            <aside id="sidebar" class="four wide computer column tablet or lower hidden">
                [[$tocNavVertical?
                    &sticky=`1`
                ]]
            </aside>
        </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>
        `]]

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

[[$script]]

</body>
</html>

romanesco.patterns.preview_not_available.

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

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

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

[[$offCanvasNav]]

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

    [[[[modifiedIf?
        &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>

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

[[$script]]

</body>
</html>

romanesco.patterns.preview_not_available.

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

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

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

[[$offCanvasNav]]

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

    [[[[modifiedIf?
        &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>

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

[[$script]]

</body>
</html>

romanesco.patterns.preview_not_available.

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

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

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

[[$offCanvasNav]]

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

    [[[[modifiedIf?
        &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>

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

[[$script]]

</body>
</html>

romanesco.patterns.preview_not_available.

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

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

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

[[$offCanvasNav]]

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

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

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

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

[[$script]]

</body>
</html>

romanesco.patterns.preview_not_available.

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

<head>
    [[[[modifiedIf?
        &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>

romanesco.patterns.preview_not_available.

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

[[setUserPlaceholders? &userId=`[[*author_id]]`]]
[[!Hits? &punch=`[[*id]]`]]

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

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

[[$offCanvasNav]]

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

    [[[[modifiedIf?
        &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 text container">
                    <h1 class="ui header">[[*pagetitle]]</h1>
                    <p class="meta date"><em>[[*publishedon:strtotime:date=`%e %B %Y`]]</em></p>
                </div>
            </header>

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

            <footer class="ui vertical stripe segment grey inverted">
                <div class="ui tightened container">
                    <div class="ui bottom aligned equal width grid">
                        <div class="compact column">
                            <a href="[[~[[*parent]]]]" class="big basic ui back button" title="[[%romanesco.article.back_to_overview_title]]">
                                <i class="left arrow icon"></i>
                                <span class="mobile hidden">[[%romanesco.article.back_to_overview]]</span>
                            </a>
                        </div>
                        <div class="right aligned column">
                            [[$socialShareButtons? &button_type=`big basic`]]
                        </div>
                    </div>
                </div>
            </footer>

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

        [[*neighbors_visibility:eq=`1`:then=`
        <nav id="menu-neighbors" class="ui large fluid two item menu">
            [[pdoNeighbors?
                &loop=`0`
                &tplPrev=`neighborNavItemPrev`
                &tplNext=`neighborNavItemNext`
                &tplWrapper=`@INLINE [[+prev]][[+next]]`
                &sortby=`publishedon`
                &sortdir=`asc`
            ]]
        </nav>
        `]]

        [[-
        <aside id="further-reading" class="ui vertical stripe segment grey inverted">
            <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`
                                &title_hierarchy=`h4`
                                &meta_elements=`date`
                                &show_introtext=`0`
                            ]]
                        </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`
                                &title_hierarchy=`h4`
                                &meta_elements=`views`
                                &show_introtext=`0`
                            ]]
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        ]]
    </main>

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

[[$script]]

</body>
</html>

romanesco.patterns.preview_not_available.

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

[[setUserPlaceholders? &userId=`[[*author_id]]`]]
[[!Hits? &punch=`[[*id]]`]]

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

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

[[$offCanvasNav]]

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

    [[[[modifiedIf?
        &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 container">
                        <h1 class="ui header">[[*pagetitle]]</h1>

                        <p class="meta">
                            <span class="author">
                                [[[[If?
                                    &subject=`[[+team_member_id]]`
                                    &operator=`notempty`
                                    &then=`$imgOverviewPersonAvatarLink? &id=`[[+team_member_id]]``
                                ]]]]
                                [[If?
                                    &subject=`[[*author_id]]`
                                    &operator=`notempty`
                                    &then=`[[*author_id:userinfo=`fullname`]]`
                                    &else=`<i class="user icon"></i> [[*createdby:userinfo=`fullname`:empty=`[[++site_name]]`]]`
                                ]]
                            </span>
                            <span class="date">
                                <i class="calendar icon"></i>
                                [[*publishedon:strtotime:date=`%e %B %Y`]]
                            </span>
                            <span class="views">
                                <i class="eye icon"></i>
                                [[!Rowboat?
                                    &table=`modx_hits`
                                    &tpl=`hitCount`
                                    &limit=`1`
                                    &columns=`hit_count`
                                    &where=`{"hit_key":"[[*id]]"}`
                                    &cacheResults=`0`
                                ]]
                            </span>
                        </p>
                    </div>
                </header>

                [[$content]]

                [[[[If?
                    &subject=`[[+team_member_id:empty=`0`]]`
                    &operator=`notempty`
                    &then=`getResources?
                        &resources=`[[+team_member_id:empty=`0`]]`
                        &tpl=`[[modifiedIf? &subject=`articleAuthorBioTheme` &operator=`iselement` &operand=`chunk` &then=`articleAuthorBioTheme` &else=`articleAuthorBio`]]`
                        &includeTVs=`1`
                        &tvPrefix=``
                    `
                ]]]]

                [[*comments_toggle:eq=`1`:then=`
                <section id="comments" class="ui vertical stripe segment [[setBackground? &background=`[[++layout_background_default]]`]]">
                    <div class="ui container">
                        <h2 class="ui big 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 grid">
                            <div class="compact column">
                                <h4 class="ui disabled mini header">
                                    <span class="large screen and widescreen only">[[%romanesco.article.share_this]]</span>
                                    <span class="computer only">[[%romanesco.article.share_this_short]]</span>
                                </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">
                        [[-$dividerHeading?
                            &divider_section=`section`
                            &divider_icon_class=`tags icon`
                            &divider_icon_circular=`1`
                        ]]
                        <div class="ui labels">
                            [[-!TaggerGetTags?
                                &groups=`2`
                                &target=`[[*parent]]`
                                &rowTpl=`tagItemCountLinkHighlight`
                            ]]
                        </div>
                    </div>
                </section>
                ]]

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

                        <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`
                                    &title_hierarchy=`h4`
                                    &meta_elements=`date`
                                    &show_introtext=`0`
                                ]]
                            </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`
                                    &title_hierarchy=`h4`
                                    &meta_elements=`views`
                                    &show_introtext=`0`
                                ]]
                            </div>
                        </div>
                    </div>

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

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

[[$script]]

</body>
</html>

romanesco.patterns.preview_not_available.

[[*content]]

romanesco.patterns.preview_not_available.

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

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

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

[[$offCanvasNav]]

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

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

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

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

[[$script]]

</body>
</html>

Templates

t_basic

BasicDetail

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

BasicDetailToC

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

BasicOverview

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

BasicVertical

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

BasicVerticalToC

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

Home

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

t_disabled

ArticleSidenotes

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

kbArticleMarkdown

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

kbSection

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

t_global

fbForm

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

fbFormAjax

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

fbRegister

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

GlobalBackground

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

GlobalBackgrounds

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

GlobalCTA

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

t_hub

ProjectDashboard

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

RegressionTest

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

t_information

NoteContentBlocks

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

Notes

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

NoteVertical

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

NoteVerticalRTE

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

t_people

Client

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

TeamMember

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

Testimonial

romanesco.patterns.included_patterns

romanesco.patterns.assigned_tvs

t_presentation