Partial Overlay

Right/left-aligned content block with a required background image. 

 

Episerver Required Blocks

  • Partial Overlay Block 

 

Add To

  • The main content area on any content page
  • Padding containers

 

Fields & Configurations

 

Property
Configuration
Validation

Alignment

Choose a value from the drop down for the block content alignment.

  • Left
  • Right

Required

Display Mode

Choose a value from the drop down for the block’s color values.

  • Light
  • Dark
  • Primary Light
  • Primary Dark
  • Secondary Light
  • Secondary Dark

Required

Desktop Image

Add an image content reference to display as the block’s background on desktop. This image will also be displayed on mobile if no mobile-specific image is configured.

Required

Mobile Image

Add an image content reference to display as the block’s background on mobile. The desktop image will take precedence on desktop, and will be used if this property is not configured.

  

Sub-Title

Add a text value to display beneath the header text.

  

Header

Add a text value to display prominently on the block.

Required

Body

Add a text value to the text area input to display beneath the header text and subtitle.

  

CTAs

Add CTA block content references to the content area.

Required, 1-2 CTA blocks

Caption

Optionally add small text to display beneath the CTAs.

  

 

Example Blocks

The examples shown below represent this block and all of its various configurations.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

_Template Visible Text _Template Visible Text
This is the Caption.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.

Examples Using Padding Containers

The examples shown below demonstrate how this block can be used in padding containers.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.

This is the Sub-Title

This is the Header

This is the Sub-Header

This is the body.

This is the Caption.