news
frame-size-default
frame-{contentObjectData.frame_class}
frame-type-{contentObjectData.CType}
frame-layout-{contentObjectData.frame_layout}
frame-dataitem-class-{contentObjectData.data_layout_itemClass}
frame-carousel-{contentObjectData.activate_carousel} frame-carousel-arrows-{contentObjectData.activate_carousel_arrows} frame-carousel-dots-{contentObjectData.activate_carousel_dots}
frame-background-{f:if(condition: contentObjectData.background_color_class, else: 'none', then: contentObjectData.background_color_class)}
frame-space-before-{f:if(condition: contentObjectData.space_before_class, else: 'none', then: contentObjectData.space_before_class)}
frame-space-after-{f:if(condition: contentObjectData.space_after_class, else: 'none', then: contentObjectData.space_after_class)}
frame-space-inner-before-{f:if(condition: contentObjectData.custom_space_inner_before, else: 'default', then: contentObjectData.custom_space_inner_before)}
frame-space-inner-after-{f:if(condition: contentObjectData.custom_space_inner_after, else: 'default', then: contentObjectData.custom_space_inner_after)}
{f:if(condition: contentObjectData.grid, then: 'frame-grid-{contentObjectData.grid}')} {f:if(condition: contentObjectData.grid_sm, then: 'frame-grid-sm-{contentObjectData.grid_sm}')} {f:if(condition: contentObjectData.grid_md, then: 'frame-grid-md-{contentObjectData.grid_md}')} {f:if(condition: contentObjectData.grid_lg, then: 'frame-grid-lg-{contentObjectData.grid_lg}')} {f:if(condition: contentObjectData.grid_xl, then: 'frame-grid-xl-{contentObjectData.grid_xl}')}
{f:if(condition: contentObjectData.grid_gutter, then: 'frame-{contentObjectData.grid_gutter}')}
{f:if(condition: contentObjectData.grid_alignment, then: 'frame-{contentObjectData.grid_alignment}')}
{f:if(condition: contentObjectData.imageborder, then: 'frame-imageborder', else: 'frame-no-imageborder')}
{f:if(condition: contentObjectData, then: contentObjectData.data_layout_itemClass, else: itemLayout)}
{f:if(condition: contentObjectData, then: contentObjectData.data_layout_itemBgClass, else: itemBgClass)}
{f:if(condition: contentObjectData, then: '{contentObjectData.data_layout_itemButtonStyle}', else: '{itemButtonStyle}')}
-{itemButtonStyleGeneric}
datagroup-item-wrap item-wrap {objectId}-item-wrap
datagroup-item-link item-link {objectId}-item-link
datagroup-item item {objectId}-item
card frame-background frame-background-{itemBgClass}
card-body
block-{f:if(condition: contentObjectData, then: contentObjectData.grid)}
block-sm-{f:if(condition: contentObjectData, then: contentObjectData.grid_sm)}
block-md-{f:if(condition: contentObjectData, then: contentObjectData.grid_md)}
block-lg-{f:if(condition: contentObjectData, then: contentObjectData.grid_lg)}
block-xl-{f:if(condition: contentObjectData, then: contentObjectData.grid_xl)}
{f:if(condition: contentObjectData, then: contentObjectData.grid_gutter)}
{f:if(condition: contentObjectData, then: contentObjectData.grid_alignment)}
{f:if(condition:'{settings.linkAll}',then: '1', else: '')}
{frameSize} {frameClass} {typeClass} {layoutClass} {dataitemClass} {backgroundClass} {backgroundImageClass} {galleryAsBackgroundImageClass} {spaceBeforeClass} {spaceAfterClass} {f:if(condition: contentObjectData.custom_space_inner, then: '{spaceInnerBeforeClass} {spaceInnerAfterClass}')} {gridClass} {gutterClass} {alignmentClass} {imageBorder} {f:if(condition:customClass, then:'{customClass}')} {f:if(condition:contentObjectData.activate_carousel, then:'{carouselClass}')}
layout-{f:if(condition: itemLayout, then: '{itemLayout}', else: 'default')} block-row {gridGutter} {gridAlignment} {grid} {gridSm} {gridMd} {gridLg} {gridXl} {linkAll}
{contentObjectData.grid as integer}
{contentObjectData.grid_lg as integer}
{settings.gallery.columns.{imagecols}}
{settings.gallery.columnsLg.{imagecolsLg}}
{contentObjectData.custom_class}