Liveblog Teaser Tag Parameters

Required Parameters

These are the most basic parameters that must always be specified

clientId: string

ID of the API Client to use. Can be found in Pro settings.

liveblogId: string

ID of the Liveblog to Embed. Can be found in Pro.

Theme

themeId: string

ID of the theme to use. Create themes in pro (Settings -> Widgets) to preconfigure display options and colors.

Display Options

All display options are optional. If specified they override options set in the selected theme. If no theme is specified the default value is used as described.

locale: "" (default) | "de" | "en" | "en-gb"

Specify the language to use for buttons and date formats. Omitting or empty string try will to autodetect using html tag and navigator language

title: string (default "")

Headline to show in the widget

liveblogUrl: string (default "")

The URL that should be used to construct links to the liveblog.

colorScheme: "light" (default) | "dark" | "auto"

This controls support for dark mode.

• “light” force light mode
• “dark” force dark mode
• “auto” automatically select based on the users settings

useCookies: "all" (default) | "functional" |"none"

This controls what cookie purposes are used:

• “all”: Will use cookies for functional and analytics purposes
• “functional”: Will only use cookies fur functional purposes
• “none”: Will not use cookies

layout: "slider" | "list"

Select the layout

• “slider”: Show items horizontally
• “list”: Show items vertically

layoutLiveIndicatorStyle: "badge" | "indicator" | "off"

Select the style of the live indicator

layoutLiveblogLink: "bottom" (default) | "off"

Show the “All messages” link

layoutTimeline: "time" (default) | "on" | "off"

Controls how a timeline is displayed:

• “on”: show timeline
• “off”: no timeline
• “time”: In “slider” layout, show the time in the timeline (In “list” layout is equivalent to “on”)

showTitle: true

Show the liveblog title or not. If true shows the first set:

• title property on the tag
• Liveblog widget title set in liveblog settings
• Liveblog title

styleInvertTime: false

If true puts the time on a background

content: "highlights" (default) | "newest"

What items to display in the widget

• “highlights”: Only items marked as highlight
• “newest”: The items with the newest date/time

limit: number (1-25, default: 8)

The number of items to show

Color Options

All color options are optional. They will set CSS variables also affecting custom CSS styles. Colors need to be specified in CSS Hex Format “#xxxxxx”. For more Information on colors and CSS variables please refer to Styling.

styleBgColor: string with format #xxxxxx

Set CSS Variable --t4-tw-bg--l

styleBgColorDark: string with format #xxxxxx

Set CSS Variable --t4-tw-bg--d

styleTextColor: string with format #xxxxxx

Set CSS Variable --t4-tw-txt--l

styleTextColorDark: string with format #xxxxxx

Set CSS Variable --t4-tw-txt--d

styleTextMutedColor: string with format #xxxxxx

Set CSS Variable --t4-tw-muted--l

styleTextMutedColorDark: string with format #xxxxxx

Set CSS Variable --t4-tw-muted--d

styleLinkColor: string with format #xxxxxx

Set CSS Variable --t4-tw-link--l

styleLinkColorDark: string with format #xxxxxx

set CSS Variable --t4-tw-link--d

styleSurfaceColor: string with format #xxxxxx

Set CSS Variable --t4-tw-sfc--l

styleSurfaceColorDark: string with format #xxxxxx

Set CSS Variable --t4-tw-sfc--d