Site set "Fluid Styled Content"

New in version 13.1

Site sets have been added to the extension typo3/cms-fluid-styled-content . See Include one of the available site sets on how to use them.

The site set "Fluid Styled Content" includes all TypoScript required to display the content elements provided by typo3/cms-fluid-styled-content .

Some settings in these content elements like image positions or space settings require certain CSS styles. If you want to use the default CSS styles provided by TYPO3, include Site set "Fluid Styled Content CSS" in addition to this site set.

If you depend on this site set directly instead of Site set "Fluid Styled Content CSS" you should provide the missing CSS yourself or disable all tt_content fields via page TSconfig that lose their function due to missing CSS.

Settings provided by site set "Fluid Styled Content"

These settings can be adjusted in the Settings editor.

Name	Type	Label
fsc		Fluid Styled Content
fsc.templates		Templates
styles.templates.templateRootPath	`string`	Path of Fluid Templates for all defined content elements
styles.templates.partialRootPath	`string`	Path of Fluid Partials for all defined content elements
styles.templates.layoutRootPath	`string`	Path of Fluid Layouts for all defined content elements
fsc.content		Content Elements
styles.content.defaultHeaderType	`int`	Default Header type
styles.content.shortcut.tables	`string`	List of accepted tables
styles.content.allowTags	`string`	List of allowed HTML tags when rendering RTE content
styles.content.image.lazyLoading	`string`	Default settings for browser-native image lazy loading
styles.content.image.imageDecoding	`string`	Default settings for an image decoding hint to the browser
styles.content.textmedia.maxW	`int`	Max Image/Media Width
styles.content.textmedia.maxWInText	`int`	Max Image/Media Width (Text)
styles.content.textmedia.columnSpacing	`int`	Advanced, Column space
styles.content.textmedia.rowSpacing	`int`	Advanced, Row space
styles.content.textmedia.textMargin	`int`	Advanced, Margin to text
styles.content.textmedia.borderColor	`color`	Media element border, color
styles.content.textmedia.borderWidth	`int`	Media element border, thickness
styles.content.textmedia.borderPadding	`int`	Media element border, padding
styles.content.textmedia.linkWrap.width	`string`	Click-enlarge Media Width
styles.content.textmedia.linkWrap.height	`string`	Click-enlarge Media Height
styles.content.textmedia.linkWrap.newWindow	`bool`	Advanced, New window
styles.content.textmedia.linkWrap.lightboxEnabled	`bool`	Lightbox click-enlarge rendering
styles.content.textmedia.linkWrap.lightboxCssClass	`string`	Lightbox CSS class
styles.content.textmedia.linkWrap.lightboxRelAttribute	`string`	Lightbox rel="" attribute
styles.content.links.extTarget	`string`	Target for external links
styles.content.links.keep	`string`	Parts to keep when building links

fsc

Label: Fluid Styled Content

fsc.templates

Label: Templates

styles.templates.templateRootPath

Type: string
Label: Path of Fluid Templates for all defined content elements
Category: Fluid Styled Content > Templates

styles.templates.partialRootPath

Type: string
Label: Path of Fluid Partials for all defined content elements
Category: Fluid Styled Content > Templates

styles.templates.layoutRootPath

Type: string
Label: Path of Fluid Layouts for all defined content elements
Category: Fluid Styled Content > Templates

fsc.content

Label: Content Elements

styles.content.defaultHeaderType

Type: int
Default: 2
Label: Default Header type
Category: Fluid Styled Content > Content Elements

Enter the number of the header layout to be used by default

styles.content.shortcut.tables

Type: string
Default: "tt_content"
Label: List of accepted tables
Category: Fluid Styled Content > Content Elements

styles.content.allowTags

Type: string
Default: "a, abbr, acronym, address, article, aside, b, bdo, big, blockquote, br, caption, center, cite, code, col, colgroup, dd, del, dfn, dl, div, dt, em, figure, font, footer, header, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, link, mark, meta, nav, ol, p, pre, q, s, samp, sdfield, section, small, span, strike, strong, style, sub, sup, table, thead, tbody, tfoot, td, th, tr, title, tt, u, ul, var"
Label: List of allowed HTML tags when rendering RTE content
Category: Fluid Styled Content > Content Elements

styles.content.image.lazyLoading

Type: string
Default: "lazy"
Label: Default settings for browser-native image lazy loading
Enum: { "lazy": "Lazy", "eager": "Eager", "auto": "Auto" }
Category: Fluid Styled Content > Content Elements

Can be "lazy" (browsers could choose to load images later), "eager" (load images right away) or "auto" (browser will determine whether the image should be lazy loaded or not)

styles.content.image.imageDecoding

Type: string
Label: Default settings for an image decoding hint to the browser
Enum: { "sync": "Sync", "async": "Asynchronous", "auto": "Auto" }
Category: Fluid Styled Content > Content Elements

Can be "sync" (synchronously for atomic presentation with other content), "async" (asynchronously to avoid delaying presentation of other content), "auto" (no preference in decoding mode) or an empty value to omit the usage of the decoding attribute (same as "auto")

styles.content.textmedia.maxW

Type: int
Default: 600
Label: Max Image/Media Width
Category: Fluid Styled Content > Content Elements

This indicates that maximum number of pixels (width) a block of media elements inserted as content is allowed to consume

styles.content.textmedia.maxWInText

Type: int
Default: 300
Label: Max Image/Media Width (Text)
Category: Fluid Styled Content > Content Elements

Same as above, but this is the maximum width when text is wrapped around an block of media elements. Default is 50% of the normal Max Media Item Width

styles.content.textmedia.columnSpacing

Type: int
Default: 10
Label: Advanced, Column space
Category: Fluid Styled Content > Content Elements

Horizontal distance between media elements in a block in content elements of type "Media & Images". If you change this manually in your CSS, you need to adjust this setting accordingly

styles.content.textmedia.rowSpacing

Type: int
Default: 10
Label: Advanced, Row space
Category: Fluid Styled Content > Content Elements

Vertical distance after each media elements row in content elements of type ""Text & Media". If you change this manually in your CSS, you need to adjust this setting accordingly

styles.content.textmedia.textMargin

Type: int
Default: 10
Label: Advanced, Margin to text
Category: Fluid Styled Content > Content Elements

Horizontal distance between an imageblock and text in content elements of type "Text & Images"

styles.content.textmedia.borderColor

Type: color
Default: "#000000"
Label: Media element border, color
Category: Fluid Styled Content > Content Elements

Bordercolor of media elements in content elements when "Border"-option for an element is set

styles.content.textmedia.borderWidth

Type: int
Default: 2
Label: Media element border, thickness
Category: Fluid Styled Content > Content Elements

Thickness of border around media elements in content elements when "Border"-option for element is set

styles.content.textmedia.borderPadding

Type: int
Default: 0
Label: Media element border, padding
Category: Fluid Styled Content > Content Elements

Padding left and right to the media element, around the border

styles.content.textmedia.linkWrap.width

Type: string
Default: "800m"
Label: Click-enlarge Media Width
Category: Fluid Styled Content > Content Elements

This specifies the width of the enlarged media element when click-enlarge is enabled

styles.content.textmedia.linkWrap.height

Type: string
Default: "600m"
Label: Click-enlarge Media Height
Category: Fluid Styled Content > Content Elements

This specifies the height of the enlarged media element when click-enlarge is enabled

styles.content.textmedia.linkWrap.newWindow

Type: bool
Default: false
Label: Advanced, New window
Category: Fluid Styled Content > Content Elements

If set, every click-enlarged media element will open in it's own popup window and not the current popup window (which may have a wrong size for the media element to fit in)

styles.content.textmedia.linkWrap.lightboxEnabled

Type: bool
Default: false
Label: Lightbox click-enlarge rendering
Category: Fluid Styled Content > Content Elements

Whether media elements with click-enlarge checked should be rendered lightbox-compliant

styles.content.textmedia.linkWrap.lightboxCssClass

Type: string
Default: "lightbox"
Label: Lightbox CSS class
Category: Fluid Styled Content > Content Elements

Which CSS class to use for lightbox links (only applicable if lightbox rendering is enabled)

styles.content.textmedia.linkWrap.lightboxRelAttribute

Type: string
Default: "lightbox[{field:uid}]"
Label: Lightbox rel="" attribute
Category: Fluid Styled Content > Content Elements

Which rel="" attribute to use for lightbox links (only applicable if lightbox rendering is enabled)

styles.content.links.extTarget

Type: string
Default: "_blank"
Label: Target for external links
Category: Fluid Styled Content > Content Elements

styles.content.links.keep

Type: string
Default: "path"
Label: Parts to keep when building links
Category: Fluid Styled Content > Content Elements

Comma separated list of the link parts to show when building the link-text: scheme,path,query. Example: "" (empty) => www.example.com, "scheme,path" => http://www.example.com