Full Overlay

This block can be used to display a plain block of formatted content. 

 

Episerver Required Blocks

  • Full Overlay - Content block with an optional background image. 

 

Add To

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

 

Fields & Configurations

 

Property
Configuration
Validation

Height format

Choose a value for the component’s height from the drop down.

  • Full-screen 
  • Flex

Full-screen: the component will fill the screen height on the device.

Flex: the component height will fit the height of the content it contains.

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.

  

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.

  

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 CTAs

Caption

Optionally add small text to display beneath the CTAs.

  

Alignment

Choose an option for the text alignment of the block. Left or center.

 Required

 

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

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

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

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 Layout Blocks

The examples shown below demonstrate how this block can be used in layout blocks.

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

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

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