Yii Foundation Docs

Yii Extension for the Rapid prototyping and building library from ZURB Foundation

Reveal

Reveal is our new modal plugin. We kept it light-weight, simple, and totally flexible (there's a 'your mom' joke in there somewhere). Go ahead, see what a default Reveal modal looks like.


Using Reveal

Reveal is a cinch to hook up - just include the JS and CSS. You can either call it in the JS or just include a new "data-reveal-id" parameter. If you need detailed steps check out the playground for Reveal, but here are the steps to get it started:

  1. The markup goes something like this:


  2. Activate Reveal...but there are two ways to do this glorious action. The first is to attach a handler to something (button most likely) then call Reveal:


    OR the new hotness option is to just add a data-reveal-id to the object which you want to fire the modal when clicked...


    This will launch the modal with the ID "myModal2" without attaching a handler or calling the plugin (since the plugin is always listening for this). You can also pass any of the parameters simply by putting a data-nameOfParameter="value" (i.e. data-animation="fade")

Options


Options can be used on the "data-reveal-id" implementation too, just do it like this:

Get Yii Foundation

Download Yii Foundation here to get started quickly. Includes everything you need to get your proyects up and running, take a look at the Setup Guide.

Download Yii Foundation

Awww yeah, modal dialog!

Yeah it's just the best.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam.

× This is a Button