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