Examples

Server Rendered Question

CMS provides a question key and title. Server uses this to render a teaser.

Metadata Question

CMS provides a question key. Other metadata is fetched using an API call.

iFrame Teaser

Page embeds an iframe. Connection between content and conversation is managed by PSI, not the CMS.

iFrame CMS Question

CMS provides a question key. Page directly embeds an iframe for the question's teaser.

Puppeteer Test

This example is used to drive end to end tests. it is like the iFrame teaser, but set to the e2etest silo.

Puppeteer Via Server Test

Like Puppeteer Test, but uses the e2eviaserver silo which, by default, sends all database requests through the server.

iFrame Video Voting Overlay

Page embeds an iframe with a video voting instance, that is laid over other content. Iframe resizes, repositions, changes pointer events and changes visibility.

iFrame Video Controls

Page embedded in Iframe controls video outside of Iframe

Serverside rendering (ZDF)

Showcase of the way ZDF handles serverside rendering, including dynamic positioning

Overlay dimension hook

Showcase of the useOverlayContainerDimension Hook