Molecules

m_button

buttonOuter

romanesco.patterns.preview_not_available.

m_content

codeSnippet

romanesco.patterns.preview_not_available.

dividerHeading

romanesco.patterns.preview_not_available.

richTextMessage

romanesco.patterns.preview_not_available.

m_cont_heading

headingBasicAnchor

romanesco.patterns.preview_not_available.

headingBasicSubtitle

romanesco.patterns.preview_not_available.

headingIconFont

romanesco.patterns.preview_not_available.

headingIconSVG

romanesco.patterns.preview_not_available.

headingOverviewSubtitle

romanesco.patterns.preview_not_available.

m_cont_image

imageOuter

romanesco.patterns.preview_not_available.

imageOuterGallery

romanesco.patterns.preview_not_available.

m_cont_type

contentMarkdownWrapper

Render Markdown content as HTML, inside a single column container.

romanesco.patterns.preview_not_available.

m_cta

ctaContentBlock

romanesco.patterns.preview_not_available.

ctaFooter

romanesco.patterns.preview_not_available.

ctaHeader

romanesco.patterns.preview_not_available.

ctaHeaderVertical

romanesco.patterns.preview_not_available.

ctaSidebar

romanesco.patterns.preview_not_available.

m_data

getHitCount

romanesco.patterns.preview_not_available.

googleAnalytics

romanesco.patterns.preview_not_available.

googleGtag

romanesco.patterns.preview_not_available.

openGraphMeta

romanesco.patterns.preview_not_available.

structuredDataSite

romanesco.patterns.preview_not_available.

m_feedback

commentForm

DEPRECATED. Part of Tickets commenting extra.

romanesco.patterns.preview_not_available.

commentRowBasic

DEPRECATED. Part of Tickets commenting extra.

romanesco.patterns.preview_not_available.

commentRowGuest

DEPRECATED. Part of Tickets commenting extra.

romanesco.patterns.preview_not_available.

commentScriptCommento

romanesco.patterns.preview_not_available.

commentScriptDisqus

romanesco.patterns.preview_not_available.

commentWrapper

DEPRECATED. Part of Tickets commenting extra.

romanesco.patterns.preview_not_available.

feedbackWidgetJS

Collect feedback directly from client browser, including screenshot + annotations. Feedback will be sent to Ybug. If you want to use it for the frontend also, please use a different Ybug ID.

romanesco.patterns.preview_not_available.

m_formblocks

fbAntiSpam

Optionally adds a couple of antispam fields to the form: honeypot, Recaptcha v2 or Recaptcha v3.

romanesco.patterns.preview_not_available.

fbPrepareSteps

Prepare the necessary placeholders for each step of a multi-page form. These placeholders will be forwarded to fbForm.

romanesco.patterns.preview_not_available.

fbSubmitButtons

Previous and next buttons for multi-page forms.

romanesco.patterns.preview_not_available.

m_fb_ajax

fbSubmitAjaxJS

romanesco.patterns.preview_not_available.

m_fb_antispam

recaptchaOnSubmitV2

Custom tpl chunk for the recaptchav2 extra. This only loads the Recaptcha checkbox after the form becomes active, so it doesn't block rendering of the HTML.

romanesco.patterns.preview_not_available.

recaptchaOnSubmitV3

Custom tpl chunk for the recaptchav2 extra, which also supports Recaptcha V3 now. This verifies the Recaptcha token with the Google API after the submit button is clicked.

romanesco.patterns.preview_not_available.

recaptchaOnSuccessV3

The regular JS is not compatible with frontend validation, because they are both triggered on submit. Instead, it's executed inside the onSuccess callback when frontend validation is active.

romanesco.patterns.preview_not_available.

m_fb_email

fbEmailRow

Default template for displaying the submitted value of a form field in an email message.

romanesco.patterns.preview_not_available.

fbEmailRow_settings

DEPRECATED.

romanesco.patterns.preview_not_available.

fbEmailRow_xx

Example row, to be copied for each available ContentBlocks form field. The xx should be replaced with the ID of the CB field. Some fields require a different format (see below)

romanesco.patterns.preview_not_available.

fbEmailRowDateRange

Specfic email row for date range selectors.

romanesco.patterns.preview_not_available.

fbEmailRowEmail

Specific email row for Email field.

romanesco.patterns.preview_not_available.

fbEmailRowTerms

Specific email row for Terms and Conditions checkbox. It is currently empty, as the form cannot be submitted without agreeing to the terms.

romanesco.patterns.preview_not_available.

fbEmailSectionHeader

Display pagetitle above each section in multi-page form emails.

romanesco.patterns.preview_not_available.

m_fb_input

fbAcceptTerms

romanesco.patterns.preview_not_available.

fbInputDate

romanesco.patterns.preview_not_available.

fbInputDateRange

romanesco.patterns.preview_not_available.

fbInputEmail

romanesco.patterns.preview_not_available.

fbInputFile

romanesco.patterns.preview_not_available.

fbInputHidden

romanesco.patterns.preview_not_available.

fbInputTextarea

romanesco.patterns.preview_not_available.

fbInputTextfield

romanesco.patterns.preview_not_available.

fbMathQuestion

romanesco.patterns.preview_not_available.

fbSelectDropdown

romanesco.patterns.preview_not_available.

fbSelectOption

romanesco.patterns.preview_not_available.

m_fb_store

fbStoreRow

Default template for displaying the submitted value of a form field through FormItRetriever.

romanesco.patterns.preview_not_available.

fbStoreRow_xx

Example row, to be copied for each available ContentBlocks form field. The xx should be replaced with the ID of the CB field. Some fields require a different format (see below)

romanesco.patterns.preview_not_available.

fbStoreRowDateRange

Specific data row for date range selectors.

romanesco.patterns.preview_not_available.

fbStoreRowEmail

Specific data row for Email field.

romanesco.patterns.preview_not_available.

fbStoreRowStep

A hidden field for multi-step forms, to indicate that this step is completed.

romanesco.patterns.preview_not_available.

fbStoreRowTerms

Specific data row for Terms and Conditions checkbox.

romanesco.patterns.preview_not_available.

m_fb_validation

fbValidationRow

Default template for validating a form field with JS.

romanesco.patterns.preview_not_available.

fbValidationRow_xx

Example row, to be copied for each available ContentBlocks form field. The xx should be replaced with the ID of the CB field. Some fields require a different format (see below)

romanesco.patterns.preview_not_available.

fbValidationRowDateRange

Specific validation row for date range selectors.

romanesco.patterns.preview_not_available.

fbValidationRowEmail

Specific validation row for Email field.

romanesco.patterns.preview_not_available.

fbValidationRowMath

Specific validation row for Math question field.

romanesco.patterns.preview_not_available.

fbValidationRowTerms

Specific validation row for Terms and Conditions checkbox.

romanesco.patterns.preview_not_available.

m_global

footerCopyright

romanesco.patterns.preview_not_available.

globalBackgroundCSS

romanesco.patterns.preview_not_available.

themeVariables

romanesco.patterns.preview_not_available.

m_hub

configSettingsRow

Display a group of settings, as defined in the Configurations extra.

romanesco.patterns.preview_not_available.

includedContentBlocksRow

romanesco.patterns.preview_not_available.

includedPagesRow

romanesco.patterns.preview_not_available.

includedPatternsRow

Default template for showing a list item with a link (if it has one) to the connected pattern. It also displays the pattern type (Atom, Molecule, Organism...) in a small badge.

romanesco.patterns.preview_not_available.

includedTemplatesRow

Templates can also use the default format inside includedPatternsRow, but referencing that directly causes issues with leaking includedTemplatesRow and placeholders.

romanesco.patterns.preview_not_available.

kanbanGridCard

romanesco.patterns.preview_not_available.

kanbanGridColumn

romanesco.patterns.preview_not_available.

kanbanGridRow

romanesco.patterns.preview_not_available.

kanbanGridStepsRow

romanesco.patterns.preview_not_available.

kanbanGridStepsWrapper

romanesco.patterns.preview_not_available.

patternCategoryBosonParent

Display all ContentBlocks elements inside a given category.

romanesco.patterns.preview_not_available.

patternCategoryBosonRow

Row template for each CB element. Displays basic information and included patterns. Status is retrieved from the description and a preview can't be included in this automated representation.

romanesco.patterns.preview_not_available.

patternCategoryParent

Display all patterns inside a given category. The first level of nested categories is also included.

romanesco.patterns.preview_not_available.

patternCategoryRow

Row template for each pattern inside the parent category. Contains basic information, source code and a list of connected patterns. Status and preview code can be included via properties.

romanesco.patterns.preview_not_available.

projectHubRow

romanesco.patterns.preview_not_available.

statusGridRow

romanesco.patterns.preview_not_available.

m_hub_testing

backstopScenarioRow

romanesco.patterns.preview_not_available.

m_information

faqRowBasic

romanesco.patterns.preview_not_available.

infoReviewSegment

romanesco.patterns.preview_not_available.

kbArticleFormFile

romanesco.patterns.preview_not_available.

kbArticleFormFiles

romanesco.patterns.preview_not_available.

kbArticleFormImage

romanesco.patterns.preview_not_available.

kbArticleFormPreview

romanesco.patterns.preview_not_available.

m_layout

cbLayoutCard

romanesco.patterns.preview_not_available.

cbLayoutContentSidebarNested

romanesco.patterns.preview_not_available.

cbLayoutFourColumnsNested

romanesco.patterns.preview_not_available.

cbLayoutPatternPreview

romanesco.patterns.preview_not_available.

cbLayoutSegment

romanesco.patterns.preview_not_available.

cbLayoutSidebarContentNested

romanesco.patterns.preview_not_available.

cbLayoutSingleColumnNested

romanesco.patterns.preview_not_available.

cbLayoutThreeColumnsNested

romanesco.patterns.preview_not_available.

cbLayoutTwoColumnsNested

romanesco.patterns.preview_not_available.

m_nav_external

externalNavList

romanesco.patterns.preview_not_available.

m_nav_pagination

paginationFluid

romanesco.patterns.preview_not_available.

paginationInitJS

romanesco.patterns.preview_not_available.

paginationStartupJS

romanesco.patterns.preview_not_available.

m_nav_primary

offCanvasNav

romanesco.patterns.preview_not_available.

m_nav_steps

stepsNavOuter

romanesco.patterns.preview_not_available.

stepsNavWrapper

romanesco.patterns.preview_not_available.

m_nav_tabs

tabsNavBottom

romanesco.patterns.preview_not_available.

tabsNavLeft

romanesco.patterns.preview_not_available.

tabsNavRight

romanesco.patterns.preview_not_available.

tabsNavTop

romanesco.patterns.preview_not_available.

m_nav_toc

tocNavContent

This Table of Contents menu can be placed anywhere inside the content area with a ContentBlock (but will probably end up on top).

romanesco.patterns.preview_not_available.

tocNavDropdown

Wrap all ToC items in a dropdown menu, for more compact display (like on mobile / tablet).

romanesco.patterns.preview_not_available.

tocNavVertical

Table of Contents in a vertical menu, on the right side of the content. Used in all ToC templates. Can be instructed to stick to the viewport when scrolling through the main article.

romanesco.patterns.preview_not_available.

m_overview

overviewRowArticle

romanesco.patterns.preview_not_available.

overviewRowFluid

romanesco.patterns.preview_not_available.

overviewRowList

romanesco.patterns.preview_not_available.

overviewRowOrganization

romanesco.patterns.preview_not_available.

overviewRowPerson

romanesco.patterns.preview_not_available.

overviewRowProject

romanesco.patterns.preview_not_available.

overviewRowReview

romanesco.patterns.preview_not_available.

overviewWrapper

romanesco.patterns.preview_not_available.

overviewWrapperPagination

romanesco.patterns.preview_not_available.

m_ov_article

overviewRowArticleBasic

romanesco.patterns.preview_not_available.

overviewRowArticleCompact

romanesco.patterns.preview_not_available.

overviewRowArticleFluid

romanesco.patterns.preview_not_available.

overviewRowArticleImageBasic

romanesco.patterns.preview_not_available.

overviewRowArticleItemBasic

romanesco.patterns.preview_not_available.

overviewRowArticleQuote

romanesco.patterns.preview_not_available.

m_ov_basic

overviewRowBasic

romanesco.patterns.preview_not_available.

overviewRowBasicCard

romanesco.patterns.preview_not_available.

overviewRowBasicCompact

romanesco.patterns.preview_not_available.

overviewRowBasicLinkCard

romanesco.patterns.preview_not_available.

m_ov_icon

overviewRowIconCompact

romanesco.patterns.preview_not_available.

overviewRowIconLeft

romanesco.patterns.preview_not_available.

overviewRowIconTop

romanesco.patterns.preview_not_available.

overviewRowIconTopCard

romanesco.patterns.preview_not_available.

overviewRowIconTopLinkCard

romanesco.patterns.preview_not_available.

m_ov_image

overviewRowImageBasic

romanesco.patterns.preview_not_available.

overviewRowImageBasicOverlay

romanesco.patterns.preview_not_available.

overviewRowImageCompact

romanesco.patterns.preview_not_available.

overviewRowImageFluid

romanesco.patterns.preview_not_available.

overviewRowImageLeft

romanesco.patterns.preview_not_available.

overviewRowImageLeftCard

romanesco.patterns.preview_not_available.

overviewRowImageTop

romanesco.patterns.preview_not_available.

overviewRowImageTopCard

romanesco.patterns.preview_not_available.

overviewRowImageTopLinkCard

romanesco.patterns.preview_not_available.

m_ov_information

kbOverviewRowBasic

romanesco.patterns.preview_not_available.

kbOverviewRowBasicCard

romanesco.patterns.preview_not_available.

m_ov_organization

overviewRowOrganizationBasic

romanesco.patterns.preview_not_available.

m_ov_person

overviewRowPersonBasic

romanesco.patterns.preview_not_available.

overviewRowPersonBasicCard

romanesco.patterns.preview_not_available.

overviewRowPersonCompact

romanesco.patterns.preview_not_available.

overviewRowPersonFluid

romanesco.patterns.preview_not_available.

overviewRowPersonTile

romanesco.patterns.preview_not_available.

m_ov_project

overviewRowProjectBasic

romanesco.patterns.preview_not_available.

overviewRowProjectFluid

romanesco.patterns.preview_not_available.

overviewRowProjectTile

romanesco.patterns.preview_not_available.

m_ov_review

overviewRowReviewBasic

romanesco.patterns.preview_not_available.

overviewRowReviewCompact

romanesco.patterns.preview_not_available.

overviewRowReviewWide

romanesco.patterns.preview_not_available.

m_ov_settings

overviewSettings

Generic parameters for the getResources call.

romanesco.patterns.preview_not_available.

overviewSettingsPagination

Pagination parameters for the pdoPage call. Only loaded when pagination is active.

romanesco.patterns.preview_not_available.

overviewSettingsPrepare

A couple of placeholders need to be set, before the settings are evaluated in the snippet call.

romanesco.patterns.preview_not_available.

m_presentation

accordionRowBasic

romanesco.patterns.preview_not_available.

flexibleRowInnerWrapper

The content inside a flexible Accordion or Tab CB is entered as a nested layout, meaning it's wrapped in columns. To properly display these columns in a grid, an additional wrapper is needed.

romanesco.patterns.preview_not_available.

tabsRowBasic

romanesco.patterns.preview_not_available.

m_pres_card

cardsRowBasic

A template for the Cards CB repeater. It uses the common pattern of an image, header, subtitle and link button.

romanesco.patterns.preview_not_available.

cardsRowFlexible

Template for Cards (Flexible) repeater. Instead of a predefined template based on the available input fields, the editor can use a nested layout to add any CB field as content for the card.

romanesco.patterns.preview_not_available.

cardsRowInnerWrapper

The correct card template is selected inside this wrapper. This is to avoid duplicate HTML and to keep the CB field flexible, logical and easy to use.

romanesco.patterns.preview_not_available.

m_pres_gallery

galleryRowImage

Basic image pattern, for use in gallery or slider. It can contain a lightbox link, which opens an enlargement of the image in a full-screen overlay window.

romanesco.patterns.preview_not_available.

galleryRowImageCaption

This pattern adds a caption to the image. You can choose to either show the caption in the lightbox enlargement only, or also as a subtitle in the image grid (or slide).

romanesco.patterns.preview_not_available.

galleryRowImageLightbox

This pattern evaluates if you should be able to open the image in a lightbox. If so, the required classes and properties are added to the default image.

romanesco.patterns.preview_not_available.

m_pres_hero

heroTitles

A basic pattern for displaying a large page header + subtitle. Because the hero unit is mainly there for presentation purposes, the titles contain no specific HTML hierarchy (like H1/H2).

romanesco.patterns.preview_not_available.

heroVertical

This hero unit is adapted for use in vertical scenarios, meaning there are no grid classes present. The content is stacked as link items instead.

romanesco.patterns.preview_not_available.

m_pres_slider

sliderInitJS

romanesco.patterns.preview_not_available.

sliderMobileInitJS

romanesco.patterns.preview_not_available.

m_pres_table

tableColumnBasic

romanesco.patterns.preview_not_available.

tableRowBasic

romanesco.patterns.preview_not_available.

m_publication

articleAuthorBio

romanesco.patterns.preview_not_available.

searchField

romanesco.patterns.preview_not_available.

searchFieldFullscreen

romanesco.patterns.preview_not_available.

searchResultContainer

romanesco.patterns.preview_not_available.

searchResultRow

romanesco.patterns.preview_not_available.

m_social

socialConnectButtons

romanesco.patterns.preview_not_available.

socialConnectButtonsPerson

romanesco.patterns.preview_not_available.

socialShareButtons

romanesco.patterns.preview_not_available.

twitterFeedRowBasic

romanesco.patterns.preview_not_available.

twitterFeedRowCompact

romanesco.patterns.preview_not_available.

m_user

loginForm

romanesco.patterns.preview_not_available.

loginFormCompact

romanesco.patterns.preview_not_available.

logoutForm

romanesco.patterns.preview_not_available.

logoutFormCompact

romanesco.patterns.preview_not_available.