O'Reilly logo

Getting Started with Zurb Foundation 4 by Andrew D. Patterson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Reveal

The Reveal plugin provides a pop up on which you can put anything you want to. It is similar to the Clearing plugin in that it puts the content on a pop-up modal window, but it is much more generic. An Orbit slider on a Reveal pop up makes a great presentation.

The setup is reasonably straightforward, but there are a few nuances that are not typical of Foundation plugins. The first of these is that the HTML specifying the Reveal modal needs to be the last HTML code on the page. It needs to be below all the other content but before the Foundation JavaScript at the bottom of the page. Here is what you have to do:

  1. Add the reveal-modal class to a container that holds the content you want to include in the modal pop up.
  2. Add a unique ID to that ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required