screenshot lightbox

How it works

  • Lightboxes open on top of the current page.
  • The height of the lightboxes is flexible.
  • Scrolling is on the page, not on the lightbox. If the content inside the overlay is longer than the page height, a scrollbar gets displayed on the page.
  • All content components can be included in a lightbox.
  • Possible behavioral settings for regular lightbox
    • Width 100%, 80%, 60% or 40%
      This selection determines how much width the lightbox takes up in relation to the viewport. For example, selecting 40% will result in the lightbox taking up 40% of the width of the viewport.
    • Hide elements like logo, page head, footer links or disclaimer
      Checking an option will hide the corresponding element so that it is not displayed in the Lightbox. (Please note that the logo is always hidden on M and L viewports. Therefore, checking the 'Hide Logo' option will hide the logo only on XS and S viewports.)

How to use it

  • Use lightboxes and overlays exclusively for:
    • critical information (agree to legal disclaimer)
    • modal tasks (e.g. 'really leave ÃÛ¶¹ÊÓƵ website?')
    • content specific call to action (e.g. ‘get in touch’)
  • In all cases keep content on your lightbox concise and focused on a specific piece of information or action.

Crosslinks

Reference for publisher

AEM view

For regular disclaimers: restrictions tab in the page properties in authoring mode.

AEM view

Link tab in authoring mode. Do not use this option for regular disclaimers 

Crosslinks