← Articles / Demo · All Variants in One Article

Demo · All Variants in One Article

Comprehensive fixture exercising every authorable field on a blog post and its sections — used for visual regression and PB-BLOG-07/09 coverage. See ADO #7860.

We accept paid advertising and use affiliate links in posts when they are available. See the disclaimer policy.

Demo blog hero illustration
Loading ad...

Introduction

This article is a living fixture. Every other section below shows a different combination of the authorable variants you can toggle on a blog section.

Highlight section illustration

Highlight Style — image above

The Highlight SectionStyle paints the yellow comic-shadow callout. ImagePlacement.Above is the legacy pre-v6 layout (image renders before heading).

Sky Style — image below

The Sky variant pairs a sky-blue surface with navy text. ImagePlacement.Below renders the figure beneath the section text.

Sky section illustration
Mint section illustration

Mint Style — image left, opens new tab

The Mint variant flips the section to a vivid green surface. ImagePlacement.Left renders the figure beside the text on desktop (mobile stacks text-first). The figure is wrapped in an anchor with target="_blank" because PictureInNewTab is true.

Coral section illustration

Coral Style — image right, opens same tab

The Coral variant uses a warm orange surface. ImagePlacement.Right mirrors §4 — figure on the right on desktop. PictureInNewTab=false means same-tab navigation here.

Ink Style — no image

The Ink variant inverts the article surface to dark navy with white text. ImagePlacement.None suppresses image rendering even though no PictureUrl is set.

H3 sub-section heading

This section uses HeadingLevel.H3 instead of H2, suppresses the TOC inclusion, and has no anchor id. Renders as a smaller subsection heading inside the article flow.

Hidden-from-TOC section illustration

Hidden from TOC

This section is excluded from the TOC sidebar via IncludeInContents=false even though it has a heading and an anchor id — useful for sections that should be in-page navigable via deep link but not advertised in the TOC.

DemoFixtureTest

Do you want to create your first game?

Then what are we waiting for?