Standard elements
Standard elements with full bleed image
Standard elements with user action elements
Sticky page head for long form articles
Desktop view
Desktop view
Normal view
Normal view
Scrolled view
Scrolled view
Mobile view
Mobile view
Normal view
Normal view
Scrolled view
Scrolled view
How it works
How it works
- Possible styles
- Article (default)
- Stage full bleed with image or video
- User action
- Standard elements
- Title Caption (1)
- Headline / Keyline (max. length 90 characters) (2)
- Infoline (3)
- Author information (4)
- Display date (5)
- Reading time (6)
- 聽Impulse line (7)
- Reading time
- Article reading time is calculated automatically
- Time is updated automatically for any change of content
- Override of the reading time is manually possible
- Full bleed image
- Image rendered on each breakpoint according to the height size selected:
- XS Viewport
Xsmall. small, medium and large 160px - S Viewport
Xsmall. small, medium and large 236px - M Viewport
Xsmall 300px | small 400px |
medium 500px | large 600px - L/XL Viewport
Xsmall 400px | small 500px |
medium 600px | large 700px
- XS Viewport
- Image rendered on each breakpoint according to the height size selected:
- User action elements (8)
- Author image
- Author link
- Download or "add to calendar" functionality
- Like button
- Print button (there is an option available in the top-level grid to remove the grid and its content from the print version of the page completely)
How to use it
How to use it
- Consider that all structured elements 鈥 particularly the headline, the caption, and the lead text provide a concise, catchy summary of the article鈥榮 content to attract the reader鈥榮 interest
- For the page content underneath all available components can be used like on a normal content page
- For long form articles you can enable the sticky page head. When enabled, the page head is visible upon scrolling
Crosslinks
Reference for publisher
Page head component in authoring mode.
Insert full bleed image
Insert full bleed image
Make sure that image has the right ratio!
Print button activation on 'User action style' header
Print button activation on 'User action style' header
Hiding top-level grid with content for print
Hiding top-level grid with content for print
Enabling sticky page head for long form articles
Enabling sticky page head for long form articles
