Edelweiss Styleguide
Overlay
- 2018-07-04Added
- 2022-04-15Updated [ad]
- Overlay
- Overlay, With External Page
- Overlay, Fancybox API
- Overlay, Video Overlay
- Overlay, Gallery Overlay
- Overlay, Iframe Overlay
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, 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