Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

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

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 14,961
Website

Pangolin pop up boxes

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/


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Pangolin test site, Backlight 1.1.1 test site

Offline

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

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 1,022
Website

Re: Pangolin pop up boxes

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>	

Daniel Leu | Photography   
DanielLeu.com

Online

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

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 14,961
Website

Re: Pangolin pop up boxes

cool. Thanks!


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Pangolin test site, Backlight 1.1.1 test site

Offline

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

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 1,022
Website

Re: Pangolin pop up boxes

smile


Daniel Leu | Photography   
DanielLeu.com

Online

Board footer

Powered by FluxBB