Fancy Box Style
The Fancybox Style is a solution for adding pop-up window to text, images, and videos in the page content in Cascade.
General idea of code
<a href="#popupitem" class="fancybox">item1 that is the link</a>
<div id="popupitem"><p>item2 that will pop up</p></div>
Create a Fancy Box
- Use the WYSIWIG (or HTML) to add your body content.
- Insert item1 (image or text) into the page
- Select the image or text.
- From the editor choose Formats > Custom > fancybox
- Insert item2 (image or text) into the page
- Highlight item1 one more time.
- Click the Insert Link icon to link to the item that will be in the pop-up.
Example of Fancybox applied to a single image:
Click on image to open pop-up.
<div id="popupitem"><p>see, something did pop up.</p></div>
Finish Up
- Click Submit to save your work.
- Publish (or send the request to publish).
Learn more
Fancybox can do many more things than what is listed above. To learn more visit the Fancybox website »
Note: You may need to edit the HTML directly to do some advanced tricks with Fancybox. If you aren't familiar with HTML and would like to learn visit w3chools.com.