Pangolin pop up boxes

rod barbee · 2017-07-01 00:40:21

If you're wanting to create pop-up boxes using the new Pangolin release of Backlight (1.2), the code is a little different. Backlight 1.2 uses Fancybox whereas the original Backlight uses Magnific.

Here's a sample of the code needed:

<button data-fancybox data-src="#popup">Button</button>
	
<div id="popup" style="display:none;"><p> Stuff and things ... </p><p>Sed maximus enim felis, et interdum risus vehicula vel. Mauris vitae ligula vulputate, facilisis odio eget, accumsan lacus. Pellentesque suscipit ante leo, sed consectetur magna aliquet at. Fusce	consectetur ullamcorper rhoncus. Fusce ac aliquam nisl. Vestibulum ac congue lorem.</p></div>

and a demo page: http://pangolin.barbeephoto.com/?page=pop-up

And here’s a post on styling your pop-up box
http://ttg-tips-and-tricks.barbeephoto. … pup-boxes/

Daniel Leu · 2017-07-08 09:20:33

And to have an inline link instead of a button use

<a data-fancybox data-src="#popup" href="javascript:;">popup</a>
	
<div id="popup" style="display:none;"><p> Stuff and things ... </p><p>Sed maximus enim felis, et interdum risus vehicula vel. Mauris vitae ligula vulputate, facilisis odio eget, accumsan lacus. Pellentesque suscipit ante leo, sed consectetur magna aliquet at. Fusce	consectetur ullamcorper rhoncus. Fusce ac aliquam nisl. Vestibulum ac congue lorem.</p></div>

rod barbee · 2017-07-08 09:27:52

cool. Thanks!

Daniel Leu · 2017-07-08 09:35:06

Community @ The Turning Gate

#1 2017-07-01 00:40:21

Pangolin pop up boxes

#2 2017-07-08 09:20:33

Re: Pangolin pop up boxes

#3 2017-07-08 09:27:52

Re: Pangolin pop up boxes

#4 2017-07-08 09:35:06

Re: Pangolin pop up boxes

Board footer