The Default Tab

The panel to configuration of default view.

The Default tab contains the following fields:

Wrapper settings

This group contains the following fields:

Teaser wrapper (pick value from list, default=article)

The HTML element that you want to use to wrap the teaser.

You can select one of the following values:

div, section, article, No wrapper

Teaser style class (plain text, default=media)

The class attribute that you want to assign to your selected wrapper element.

Note that the Widget Framework automatically adds the unique name of the current content item's home section as a class name in addition to any class you specify here. CSS designers can use this home section class name to specialize teaser layout based on what section a content item belongs to.

Top element settings

This group contains the following fields:

Wrapper (pick value from list, default=No wrapper)

You can use this enumeration field for wrapping the top elements of each teaser item. The default value is "No wrapper".

You can select one of the following values:

No wrapper, ul, div, header, section, article, footer

Style class (plain text)

Style class for the top element wrapper.

Elements, Elements, Elements (pick value from list)

You can use these three fields to define what teaser elements you want to appear in each of the teaser's output blocks. Each of the three output blocks may contain any number of teaser elements. You do not have to use all three output blocks, you can leave one or two of them empty if you wish.

You can select one of the following values:

Kicker

A kicker is a kind of subheading (often displayed above an article) that references and usually provides a link to some related content. If you use this option, then you can define how the kicker is to behave in the Kicker settings field.

Overline

The content item's Overline field.

Title

The content item's Title field.

Summary

The content item's summary field.

Subtitle

The content item's Subtitle field.

Lead Text

The content item's Lead Text field.

Short title

The content item's Short title field.

Media

Media content as defined in Media settings.

Timestamp

A time stamp indicating when the content item was published or last updated. You can configure exactly what is displayed (and how it is displayed) using the Timestamp settings fields.

Update alert

An update alert.

Author

The name of the content item's author. If the content item has multiple authors then only the first one is used.

Author's photo

The photo of the content item's author. If the content item has multiple authors then only the first one is used.

Read more

A "Read more" link to the content item itself.

Related items

A list of links to the content item's related content items. You can configure exactly what is displayed (and how it is displayed) using the Relations settings fields.

Share

Sharing the entire widget in social networking site such as facebook, twitter, google plus etc.

Event entries

The entries belonging to an Event content item. This option is only available if Live Center is installed. If you select this option, then you must also drop a LiveEntries widget into this widget's Related live entries view relation, in order to define how the entries are to be rendered.

Event entries

The entries belonging to an Event content item. This option is only available if Live Center is installed. If you select this option, then you must also drop a LiveEntries widget into this widget's Related live entries view relation, in order to define how the entries are to be rendered.

To remove a value, click on it's x button. To add more values, click on + Add.

Body element settings

This group contains the following fields:

Wrapper (pick value from list, default=div)

You can use this enumeration field for wrapping the top elements of each teaser item. The default value is "No wrapper".

You can select one of the following values:

No wrapper, ul, div, header, section, article, footer

Style class (plain text, default=media-body)

Style class for the body element wrapper.

Bottom element settings

This group contains the following fields:

Wrapper (pick value from list, default=ul)

You can use this enumeration field for wrapping the top elements of each teaser item. The default value is "No wrapper".

You can select one of the following values:

No wrapper, ul, div, header, section, article, footer

Style class (plain text, default=list-inline meta)

Style class for the bottom element wrapper.

Element settings

This group contains the following fields:

Element markup (complex)

You can use this field to override the default HTML markup applied to the various elements of the teaser. Add a field set for each teaser element you want to modify and fill out the fields in the set.

Elements (pick value from list)

Select the teaser element you want to modify.

You can select one of the following values:

Kicker, Overline, Title, Summary, Subtitle, Lead Text, Short title, Timestamp, Update alert, Author, Read more, Related items, Share

Text size (pick value from list, default=Regular)

Modifies the text size of the teaser element.

You can select one of the following values:

Biggest, Bigger, Big, Regular, Small, Smaller, Smallest

Style class (plain text)

Modifies the HTML class attribute of the teaser element. You can enter several class names in this field. Whatever you enter completely replaces the element's default class attribute.

HTML tag (pick value from list)

Changes the HTML tag of the teaser element.

You can select one of the following values:

h1, h2, h3, h4, h5, h6, p, q, span, div, small, strong

To remove a value, click on it's x button. To add more values, click on + Add.

Link settings

This group contains the following fields:

Inline loading on device (select required options)

Choose the devices in which content will be loaded inline instead of loading content page. The inline content page will be loaded inline using the inline content profile as the user clicks.

Check the options you require:

Large, Medium, Small

Link behavior (complex)

Defines link behavior on different teaser parts.

Link on (collection)

The element or part of the teaser to configure behavior for.

On click (pick value from list, default=Prefer inline)

Defines the link behavior.

You can select one of the following values:

Prefer inline

If Inline loading on device is configured, the content page of teaser will be loaded inline in the configured devices. Otherwise, a user click will load the content page.

Content page

The content page will be loaded.

Select from gallery

The video in the playlist will be loaded in the player

None

Link will not be rendered or enabled for the selected teaser part.

To remove a value, click on it's x button. To add more values, click on + Add.

Media settings

This group contains the following fields:

Media content type (collection)

The media content types to be used.

If no value is specified a default value of picture is used.

Note that this version of the Media content type field is hidden by default, since it is deprecated, and only present for reasons of backward compatibility. See below for the description of the current version of the field.

Media content type (collection)

The media content types to be used.

If no value is specified a default value of picture is used.

To remove a value, click on it's x button. To add more values, click on + Add.

Media Source (collection)

The relations from which media content is to be selected.

If no value is specified a default value of teaser is used.

To remove a value, click on it's x button. To add more values, click on + Add.

Image link behavior (pick value from list, default=Article)

Determines what kind of link (if any) a displayed image will have.

You can select one of the following values:

Article

The image links to the content item it is related to.

Image

The image links to its own content item.

No link

The image is not a link.

Image aspect ratio (pick value from list, default=Landscape)

The type of crop to be applied to the image.

You can select one of the following values:

Landscape, Portrait, Square, Wide, Free

Media mode (pick value from list, default=First media)

How the selected media(s) is/are to be displayed.

You can select one of the following values:

First media

Only the first of the selected images is.

Slideshow

The selected images are displayed in a carousel.

Media width (pick value from list, default=100%)

The percentage of the column width that the media is to occupy.

You can select one of the following values:

100%, 90%, 80%, 75%, 70%, 60%, 50%, 40%, 30%, 25%, 20%, 10%

Media position (pick value from list, default=Block)

Determines the alignment of the media and text wrapping around it. This settings is only relevant if Media width is set to less than 100%.

You can select one of the following values:

Block

The image is left aligned, with empty space to the right: text is not wrapped around the image.

Left

The image is left aligned, and text wraps around it on the right.

Right

The image is right aligned, and text wraps around it on the left.

Media play mode (pick value from list, default=Content page)

Determines how audio and video content should be played.

You can select one of the following values:

Embedded media player

Audio or video is played on the current page in an embedded player.

Content page

A poster frame image is displayed on the currrent page, with links to a separate page containing the audio or video player.

Pop up box

A poster frame image is displayed on the currrent page, with a pop-up box containing the audio or video player.

Select from gallery

The Media element in the view renders a poster frame with wf-gallery-selection-action CSS class

Show caption (pick value from list, default=Hide)

Determines whether and how image/video captions are displayed.

You can select one of the following values:

Hide

Captions are not displayed at all.

Overlay

Captions are overlaid on the image/video.

Mouse over

Captions are only displayed when the mouse is held over the image/video.

Kicker settings

This group contains the following fields:

Kicker mode (pick value from list, default=Kicker)

Determines the content of the kicker teaser element (if you are using it in one of your teaser's output blocks).

You can select one of the following values:

Home section

The kicker will contain a link to the content item's home section.

Custom section

The kicker will contain a link to the section specified in the Custom section field.

Primary tag

The kicker will contain the content item's first tag.

Overline

The kicker will contain the content item's Overline field.

Kicker

The kicker will contain the content item's Kicker field.

Custom section (plain text)

The section to be used for the kicker if Kicker mode is set to Custom section .

Timestamp settings

This group contains the following fields:

Mode (pick value from list, default=Relative time)

Determines the type of timestamp displayed in the teaser.

You can select one of the following values:

Relative time

Displays a description of the time relative to the present moment ("three days ago", for example).

Exact time

Displays a calendar date and/or time of day as defined in the Custom date format field.

Custom date format (plain text)

The date/time format to use if Mode is set to Exact Time. The default format is "dd MMM yyyy HH:mm zz" (ISO-8601 format).

Several different dates are stored with content items. In this field you can choose which one you want to use as the timestamp.

Date to show (pick value from list, default=Modified date)

The date to show in timestamp

You can select one of the following values:

Published date

The date on which the content item was first published.

Modified date

The date on which the content item was last modified.

Created date

The date on which the content item was originally created.

Timestamp prefix (plain text)

A text string to display before the timestamp.

Timestamp suffix (plain text)

A text string to display after the timestamp.

Relations settings

This group contains the following fields:

Relation icons (boolean, default=true)

Determines whether or not a "related items" icon is displayed alongside each related item link.

Relation source (collection)

The relations from which related items are to be selected.

If no value is specified a default value of related is used.

To remove a value, click on it's x button. To add more values, click on + Add.

Content type (collection)

The content types to be used as related items.

If no value is specified a default value of story is used.

To remove a value, click on it's x button. To add more values, click on + Add.

Max relations (number, default=5)

The maximum number of related items to display.

Author's photo settings

This group contains the following fields:

Image aspect ratio (pick value from list, default=Square)

The type of crop to be applied to the image.

You can select one of the following values:

Landscape, Portrait, Square, Wide, Free

Image width (pick value from list, default=100%)

The percentage of the column width that the photo is to occupy.

You can select one of the following values:

100%, 90%, 80%, 75%, 70%, 60%, 50%, 40%, 30%, 25%, 20%, 10%

Image position (pick value from list, default=Block)

Determines the alignment of author's photo and text wrapping around it. This settings is only relevant if Media width is set to less than 100%.

You can select one of the following values:

Block

The image is left aligned, with empty space to the right: text is not wrapped around the image.

Left

The image is left aligned, and text wraps around it on the right.

Right

The image is right aligned, and text wraps around it on the left.

Related live entries view (relation)

You can drop a Live Entries view in this field. The first Live Entries view in the relation is used by this widget to render event entries. This relation is only present if Live Center is installed. It only makes sense to place a Live Entries view here if this widget is to be used to render Live Center event entries.

Related live entries view (relation)

You can drop a Live Entries view in this field. The first Live Entries view in the relation is used by this widget to render event entries. This relation is only present if Live Center is installed. It only makes sense to place a Live Entries view here if this widget is to be used to render Live Center event entries.