Edelweiss Styleguide

Styleguide Navigation

Overlay

  • 2018-07-04Added
  • 2022-04-15Updated [ad]

Simple Overlay

To make a trigger open an overlay, add the attributedata-js-fbto the trigger and reference the content to be shown in the href attribute of the trigger.

Overlay with inline content.

To show content from a hidden div you can add the attribute "data-js-fb" to a link and refer to the target container with the id.

Overlay

Overlay, With External Page

To show the external page in a overlay add the attribute "data-js-fb='true'" to a link. It will take the content from the "data-js-content" or "#main-content" container of the target page. (use only internal pages)

Overlay, Fancybox API

For special use-cases you can use the general api from https://fancybox.net/api. Put the settings to "data-js-fb='true'".

Overlay, Iframe Overlay

Used for Issuu Magazine embeds